Afwisselende afbeeldingen

[Sven2007]

Kun je op 1 plaats op een website een image zetten die versprint tussen meerdere afbeeldingen.

Dat er dus om de x aantal seconden een andere foto inkomt...

Is dat mogelijk ?

 

[fritzi]

Dat kan met Javascript.

Zet deze code op de plaats waar je de afbeeldingen wil hebben:

<script language="JavaScript">
<!--
function adArray() {
for (i=0; i*2<adArray.arguments.length; i++) {
this = new Object();
this.src = adArray.arguments[i*2];
this.href = adArray.arguments[i*2+1];
}
this.length = i;
}
function getAdNum() {
dat = new Date();
dat = (dat.getTime()+"").charAt(8);
if (dat.length == 1)
ad_num = dat%ads.length;
else
ad_num = 0;
return ad_num;
}
var ads = new adArray(
"foto1.jpg",
"foto2.jpg",
"foto3.jpg");
var ad_num = getAdNum();
document.write('<img src="'+ads[ad_num].src+'" '
+'width="150" height="100" border=0 name=js_ad>');
link_num = document.links.length-1;
function rotateSponsor() {
if (document.images) {
ad_num = (ad_num+1)%ads.length;
document.js_ad.src = ads[ad_num].src;
setTimeout("rotateSponsor()",3000);
}
}
setTimeout("rotateSponsor()",3000);
// -->
</script>

Wijzig in het script de namen en juiste URL van je foto's:
"foto1.jpg",
"foto2.jpg",
"foto3.jpg");

Wijzig hier de maat van je foto's:
<img src="'+ads[ad_num].src+'" '
+'width="150" height="100" border=0 name=js_ad>

Hier geef je de snelheid op: setTimeout("rotateSponsor()",3000);
Hoe groter het getal, hoe langzamer.

Succes!