Форуми / Cotonti / Skins / random logo css

How to?

musashi9
#1 19.10.2012 11:54

Members

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 {
background: url(../img/logo2.png) no-repeat ;

background-color: #113355;
     width:1000px;
     height:181px;
    height: 278px;
}

and this is from my header.tpl............

<div id="header">
 

</div>

How can I get it to load a random image ?
GHengeveld
#2 19.10.2012 16:30

Team
Thanked: 52 рази

Easiest solution is to use JavaScript:

JavaScript
1
2
3
4
5
6
<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
#3 19.10.2012 16:48

Members

Excelent works like a charm, thanks!
elfrenazo
#4 25.10.2012 05:49

Donator
Thanked: 7 раз

very good code