Hi,
ich habe mir ein simples Script für einen Slider gebastelt. Bei Klick erhöht/verringert das Script den Abstand von "slider" via Margin-Left.
Mein Problem ist nun, dass er statt den "slider" im "sliderWrapper" zu verschieben, die ganze Webseite verschiebt. Das Margin-Left vom Div-Container wird verändert doch hat keinen Einfluss auf die Position zwischen slider und sliderWrapper. Kann mir jemand dort weiter helfen?
HTML
|
Quellcode
|
1
2
3
4
5
6
7
|
<div id="sliderWrapper" style:"position: absolute fixed; width: 980px; overflow: hidden;">
<div id="slider" style:"width 4900px>
<img />
<img />
....
</div>
</div>
|
Script
|
Quellcode
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
sliderBreite = 980;
sliderDauer = 4000;
sliderGeschwindigkeit = 1000;
sliderFrames = 100;
sliderSchritte = <?php echo count ($sliderdata);?>;
sliderSchritt = 0;
function sliderWeiter() {
sliderMargin = sliderSchritt * sliderBreite;
document.getElementById("slider").style.marginLeft = sliderMargin;
sliderWeiterAktiv = setInterval("sliderMargin = sliderMargin + (sliderBreite / sliderFrames); document.getElementById("slider").style.marginLeft = sliderMargin;", sliderGeschwindigkeit / sliderFrames);
setTimeout("clearInterval(sliderWeiterAktiv); sliderSchritt ++; sliderMargin = sliderSchritt * sliderBreite; document.getElementById("slider").style.marginLeft = sliderMargin; if (sliderSchritt == sliderSchritte){sliderSchritt = 0;};", sliderGeschwindigkeit + 10);}
function sliderZurueck() {
sliderMargin = sliderSchritt * sliderBreite;
document.getElementById("slider").style.marginLeft = sliderMargin;
sliderWeiterAktiv = setInterval("sliderMargin = sliderMargin - (sliderBreite / sliderFrames); document.getElementById("slider").style.marginLeft = sliderMargin;", sliderGeschwindigkeit / sliderFrames);
setTimeout("clearInterval(sliderWeiterAktiv); sliderSchritt = sliderSchritt - 1; sliderMargin = sliderSchritt * sliderBreite; document.getElementById("slider").style.marginLeft = sliderMargin; if (sliderSchritt == 0){sliderSchritt = sliderSchritte;};", sliderGeschwindigkeit + 10);}
|
Liebe Grüße
Die Buschkreatur