Der Martin: changing jpgs instead of animated gifs

Beitrag lesen

Hallo Nora,

entweder habe ich dein Problem nicht verstanden, oder du siehst den Wald vor lauter Bäumen nicht.

Egal wie du den Bildertausch realisiseren willst (automatisch oder Mausaktion), ich würde mit folgendem JS-Codefragment anfangen:

var picname = new Array ("pic1.jpg", "pic2.jpg", "pic3.jpg", ... "picn.jpg");
 var index = 0;

function nextpic(img)
  { if (++index > picname.length)
       index = 0;
    img.src = picname[index];
  }

Dann noch zwei Eventhandler an das IMG-Element geknüpft, und die Sache müsste laufen:
 <img src="pic1.jpg" alt="dynamic pic" onmouseover="nextpic(this)" onmouseout="nextpic(this)">

Alternativ -für einen automatischen Ablauf- könntest du auch auf die beiden Eventhandler verzichten, und stattdessen bei der Initialisierung ein setTimeout("nextpic(document.images[n])", delay); hinzufügen. Dasselbe setTimeout() wiederholst du dann als letzte Anweisung innerhalb der function.

Vielleicht hab ich jetzt den einen oder anderen kleinen Bug in den genannten Code-Schnipseln, aber die Marschrichtung wird hoffentlich klar.

Viel Erfolg & gute Nacht,

Martin