automatisch wechselnde Bilder

[Frank]

Hallo,

ist es möglich mehrere "Slide Shows" innerhalb einer HTML Seite ablaufen zu lassen?

Es geht mir dabei um folgendes Script, das über onload="runSlideShow()" im Body Tag aufgerufen wird:

<script type="text/javascript">
    <!--
 var slideShowSpeed = 1800;
 var crossFadeDuration = 6;
 var Pic = new Array();

Pic[0] = './bilder/ani1.jpg'
 Pic[1] = './bilder/ani2.jpg'
 Pic[2] = './bilder/ani3.jpg'
 Pic[3] = './bilder/ani4.jpg'
 Pic[4] = './bilder/ani5.jpg'
 Pic[5] = './bilder/ani6.jpg'

var t;
 var j = 0;
 var p = Pic.length;
 var preLoad = new Array();
 for (i = 0; i < p; i++) {
 preLoad[i] = new Image();
 preLoad[i].src = Pic[i];

}
 function runSlideShow() {
 if (document.all) {
 document.images.SlideShow.style.filter="blendTrans(duration=2)";
 document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
 document.images.SlideShow.filters.blendTrans.Apply();
 }
 document.images.SlideShow.src = preLoad[j].src;
 document.images.SlideShow.alt = preLoad[j].alt;
 if (document.all) {
 document.images.SlideShow.filters.blendTrans.Play();
 }
 j = j + 1;
 if (j > (p - 1)) j = 0;
 t = setTimeout('runSlideShow()', slideShowSpeed);
 }

//-->
   </script>

Grüße
Frank

[Philipp Hasenfratz]

Halihallo Frank

ist es möglich mehrere "Slide Shows" innerhalb einer HTML Seite ablaufen zu lassen?

Ja, mit den nötigen Anpassungen.

Es geht mir dabei um folgendes Script, das über onload="runSlideShow()" im Body Tag aufgerufen wird:

Hast du dazu eine Frage, die wir beantworten können?

Grundsätzlich: Du hast eine Methode runSlideShow(), die schonmal einen Slide erstellt.
Durch Parametrisierung der Methode (z.B. übergibst du den Namen des Bildes und einen
entsprechenden Bilder-Array-Index [Ein Array aus mehreren Arrays; für jeden Slide eines])
lässt sich diese Methode veralgemeinern, sodass sie mehrere Slides steuern kann.

Viele Grüsse

Philipp