+- Sponsor-Board.de (https://www.sponsor-board.de)
+-- Forum: Community (/forumdisplay.php?fid=56)
+--- Forum: Hilfe (/forumdisplay.php?fid=102)
+---- Forum: Scripting (/forumdisplay.php?fid=108)
+---- Thema: Bilderslider anpassen (/showthread.php?tid=30247)
Bilderslider anpassen - Ronny1979 - 23.09.2012 14:56
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
RE: Bilderslider anpassen - Sysix - 23.09.2012 15:32
Code:
if(counter == imgs.length) counter = 0;
vielleicht hilft dir das weiter 
RE: Bilderslider anpassen - Ronny1979 - 23.09.2012 15:43
damit kann ich leider nichts anfangen.
habe absolut keine ahnung von dem css
hat keiner ne idee oder könnte das umschreiben?
Lg
RE: Bilderslider anpassen - dee - 28.09.2012 15:25
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.
RE: Bilderslider anpassen - Ronny1979 - 02.10.2012 07:54
und wo bekomme ich den code dafür her?
Lg