Sponsor-Board.de

Normale Version: Bilderslider anpassen
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
ich habe einen Bilderslider,nur habe ich das Problem,das er nicht von alleine Startet und wenn er durchgelaufen ist,nicht wieder von vorne anfängt

hier mal der code


Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><title>Eine Bilderslideshow</title>
<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, 2000);
}
}

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>
</head><body>
<h1>Eine Bilderslideshow</h1>
<p id="meinFader">
<img src="http://i37.servimg.com/u/f37/17/17/72/08/gts_0047.jpg"">
<img src="http://i37.servimg.com/u/f37/17/17/72/08/gts_0048.jpg" alt="" class="next">
<img src="images/berge3.jpg" alt="" class="next">
<img src="images/berge4.jpg" alt="" class="next">
<img src="images/berge5.jpg" alt="" class="next">
<img src="images/berge6.jpg" alt="" class="next">
</p>
<p><a href="jnext()">Slideshow starten</a></p>
</body></html>


könnte mir das eventuell ändern ?

Lg
Ronny

Code:
if(counter == imgs.length) counter = 0;


vielleicht hilft dir das weiter Wink

damit kann ich leider nichts anfangen.
habe absolut keine ahnung von dem css

hat keiner ne idee oder könnte das umschreiben?

Lg
Wenn du nichts gegen jQuery hast hab ich dir hier etwas für dich:
[Link: Registrierung erforderlich]

In Zeile 8 "var $seconds = 3;" kannst du durch austauschen der Zahl "3" die Zeit in Sekunden angeben, die zwischen zwei Slides liegen soll.
und wo bekomme ich den code dafür her?

Lg
Referenz-URLs