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.

Sorry, comments for this entry are closed at this time.

Tags: ,