cotonti.com : random logo css https://www.cotonti.com Last topic posts Cotonti en Tue, 07 Apr 2026 17:25:24 -0000 elfrenazo very good code

]]> Thu, 25 Oct 2012 05:49:38 -0000 musashi9 Excelent works like a charm, thanks!

]]> Fri, 19 Oct 2012 16:48:02 -0000 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>

]]> Fri, 19 Oct 2012 16:30:38 -0000 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 {
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 ?

]]> Fri, 19 Oct 2012 11:54:08 -0000