In <head> pui acesta
In var links vei adauga link-urile la fiecare imagine.
In var images vei schimba link-ul catre fiecare imagine.
<script>
var links = ["http://www.abc.com","http://www.def.com","http://www.ghi.com"];
var images = ["http://www.abc.com/1.gif","http://www.def.com/2.gif","http://www.ghi.com/3gif"];
var i = 0;
var renew = setInterval(function(){
if(links.length == i){
i = 0;
}
else {
document.getElementById("bannerImage").src = images[i];
document.getElementById("bannerLink").href = links[i];
i++;
}
},86400000);
</script>
Unde vrei sa apara imagine pui acest cod:
In el vei schimba link-ul cu primul link care vrei sa apara si prima imagine, apoi dimensiunile.
<a id="bannerLink" href="http://www.abc.com" onclick="void window.open(this.href); return false;">
<img id="bannerImage" src="http://www.abc.com/1.gif" width="694" height="83" alt="some text">
</a>
Acest script iti v-a schimba imaginea odata la 24 ore.
10000 = 10 secunde, poti sa faci calcul ca sa se schimbe la cate ore doresti tu.
SURSA : stackoverflow.com