Bildertausch in Java Script automatisch starten

MIKNE · 20.02.2009

Hallo liebe Forummitglieder,
probiere gerade ein Javs script aus, das mir wie eine Dieshow Bilder wechselt.
Das Skript im Head:

<script type="text/javascript">
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();
}
};
</script>
<style type="text/css">
.next { position: absolute; top: 0; left: 0; opacity: 0; filter:alpha(opacity=0); }
#meinFader { position: relative; }
</style>

</script>

im Body:

<td width="78%" align="left" valign="top"><p id="meinFader">
<img src="Home/images/Index_1.jpg" alt="">
<img src="Home/images/Index_2.jpg" alt="" class="next">
<img src="Home/images/Index_3.jpg" alt="" class="next">
<img src="Home/images/Index_4.jpg" alt="" class="next">
<img src="Home/images/Index_2.jpg" alt="" class="next">
<img src="Home/images/Index_3.jpg" alt="" class="next">
</p>
<p><a href="javascript:next()">slideshow starten</a></p>

es funktioniert auch, aber man muss auf "slideshow starten" drücken.
Wie kann ich das skript automatisch starten?

cebito · 20.02.2009

AW: Bildertausch in Java Script automatisch starten

HTML:

<body onload="javascript:next();">

startet beim Laden der Seite automatisch...

MIKNE · 20.02.2009

AW: Bildertausch in Java Script automatisch starten

hallo Cebito,
danke für deine Antwort
haben nun

<p><a href="javascript:next()">Slideshow starten</a></p>

durch

<p><body onload="javascript:next();"></a></p>

ersetzt aber da rührt sich nichts, oder muss ich <body onload . . . .>
wo anders plazieren?

cebito · 20.02.2009

AW: Bildertausch in Java Script automatisch starten

Das da unten kannst ohne ersetzen löschen, direkt wo dein body beginnt, schreibst statt nur <body> eben <body onload="javascript:next();">