How to?
musashi9 |
|
---|---|
Hello I want to load a random logo in my header but I have no idea how to This is what I have in my css............
#header { and this is from my header.tpl............
<div id="header"> </div> How can I get it to load a random image ? |
GHengeveld |
|
---|---|
Easiest solution is to use JavaScript: <script type="text/javascript"> $(function() { var logos = ["../img/logo1.png", "../img/logo2.png", "../img/logo3.png"]; $('#header').css('background-image', 'url(' + logos[Math.floor(Math.random()*logos.length)] + ')'); }); </script> Put it in header.tpl, right before </head> |
musashi9 |
|
---|---|
Excelent works like a charm, thanks! |
elfrenazo |
|
---|---|
very good code |