Wiederholung des Scripts

[anf008]

Hallo liebe Leute,

ich würde gerne diese Slideshow nach Ablauf wieder vom ersten Bild beginnen lassen:

<script type="text/javascript">
         
         "javascript:next()"
         function fade(step) {
            var imgs = document.getElementById("meinFader").getElementsByTagName("img");
            step = step || 0;

            imgs[counter].style.opacity = step/100;
            imgs[counter].style.filter = "alpha(opacity=" + step + ")"; // 

            step = step + 2;

            if (step <= 100) {
                window.setTimeout(function () { fade(step); }, 1);
            } else {
                window.setTimeout(next, 3000);
            }
        }

        function next() {
            var imgs = document.getElementById("meinFader").getElementsByTagName("img");

            if (typeof(counter) != "number") {
                counter = 0;
            }

            counter++;

            if (counter < imgs.length) {
                fade();
            } else {}
        };
    </script>
    
    <style type="text/css">
        .next { position: absolute; top: 0; left: 0; opacity: 0; filter:alpha(opacity=0); }
        #meinFader { position: relative; }
    </style>

 <div class="slideshow" id="meinFader"> 
 
  <a href="javascript:next()"><img src="http://www.html.de/images/Bar.jpg" alt=""></a>
  <img src="http://www.html.de/images/Events.jpg" alt="" class="next">
        <img src="http://www.html.de/images/Schwimmen.jpg" alt="" class="next">
        <img src="http://www.html.de/images/Squash.jpg" alt="" class="next">
        <img src="http://www.html.de/images/Unbenannt.png" alt="" class="next">
        <img src="http://www.html.de/images/S.jpg" alt="" class="next">  

</div>

Wie mache ich das am Besten?
Vielen Dank im voraus!

Liebe Grüße
anf008

 

[Sempervivum]

Versuch's mal so:

       function next() {
            var imgs = document.getElementById("meinFader").getElementsByTagName("img");

            if (typeof(counter) != "number") {
                counter = 0;
            }
            if (counter < imgs.length) {
[B]               counnter++
               } else {
               counter = 0
               }
            fade();
[/B]       };

 

[anf008]

Hat nicht funktioniert :(

 

[Sempervivum]

Ja, Du hast Recht, leider ist das, was ich gepostet habe, noch nicht ausreichend. Ich empfehle dir, die Slideshow von Bretteleben zu verwenden, die leistet das gleiche:
Javascript: Slideshow
Viele Grüße - Ulrich