Rotierende Bilder…
Eine nette Art, Bilder mit JavaScript rotieren zu lassen:
var bilder = new array(); bilder[0] = "Bild1.jpg"; bilder[1] = "Bild2.jpg"; bilder[2] = "Bild3.jpg";
Um mehr Bilder in die Schleife einzubinden kann man diese Liste beliebig erweitern.
var z_tausch = 3000;
Wobei “3000″ die Zeit in Millisekunden ist, nach welcher Zeit das Bild gewechselt werden soll.
var pics = new array();
for (i=0;i<bilder.length;i++)
{
pics[i] = newImage();
pics[i].src = bilder[i];
}
function changepic()
{
pic.filters[0].apply();
document.images.pic.src = pics[count].src;
pic.filters[0].play();
count++;
if (count == pics.length)
{
count = 0;
setTimeout("changepic()",z_tausch);
}
}
Um das Script im Dokument zu laden, fügt man folgenden Code ein:
window.onload = new Function("setTimeout('changepic()',z_tausch)";
Dort, wo das Script dann eingebunden wird kommt folgender Code hin:
style = "filter:progid:DX ImageTransform.Microsoft.Stretch(stretchStyle="push")
Möglichkeiten für die Art des Image-Wechsels sind push, spin und hide.
Administrator | Scripts | 06 27th, 2010 |
Sorry, comments for this entry are closed at this time.