Martys
Erfahrenes Mitglied
Hallo zusammen,
ich habe ein kleines Problem mit dem Slider jCarousel Lite.
Zum Aufbau:
Drei DIVs, Nr. 1 beinhaltet eine Liste von x Einträgen.
Diese Liste wird mittels .clone() in DIV Nr. 2 und Nr. 3 "kopiert".
Nun wird die Anzahl der Listenelemente ermittelt (length) und der jeweilige Startwert der einzelnen DIVs ermittelt.
Konfiguration der drei DIVs:
Nach dem Laden der Seite wird die erste Listenanimation gestartet:
Beim Betrachten des "Auswahlquelltextes" fällt mir allerdings auf, dass die Listen in DIV Nr.2 und Nr. 3 um zusätzliche Elemente erweitert wurden, die in Nr. 1 nicht aufgeführt werden. Ich finde keine Stelle, an der dies im Code passieren könnte.
Dadurch springt die Animation in DIV Nr. 3 leider nach "kurzer" Zeit an ungewünschte Stellen.
LIVE-Beispiel unter http://www.martys.de/silder-prob/
Hat jemand vielleicht einen Tipp für mich, wie ich das Problem beheben kann oder wodurch die "zusätzlichen" Listeneinträge auftauchen?
Vielen Dank schon mal,
Martys
ich habe ein kleines Problem mit dem Slider jCarousel Lite.
Zum Aufbau:
Drei DIVs, Nr. 1 beinhaltet eine Liste von x Einträgen.
Diese Liste wird mittels .clone() in DIV Nr. 2 und Nr. 3 "kopiert".
Code:
$("div#box div.eins ul").clone().appendTo('div.zwei');
$("div#box div.eins ul").clone().appendTo('div.drei');
Nun wird die Anzahl der Listenelemente ermittelt (length) und der jeweilige Startwert der einzelnen DIVs ermittelt.
Code:
var anzahl = $("div#box div.eins ul li").length;
var start1 = 0;
var start2 = Math.round(anzahl/3);
var start3 = Math.round(anzahl - start2);
Konfiguration der drei DIVs:
Code:
$("div#box div.eins").jCarouselLite({
btnNext: ".next1",
btnPrev: ".prev1",
visible: 1,
auto: 0,
start: start1,
speed: 1000,
afterEnd: function() {
setTimeout("$('.next2').trigger('click');", 1000);
}
});
$("div#box div.zwei").jCarouselLite({
btnNext: ".next2",
btnPrev: ".prev2",
visible: 1,
auto: 0,
start: start2,
speed: 1000,
afterEnd: function() {
setTimeout("$('.next3').trigger('click');", 1000);
}
});
$("div#box div.drei").jCarouselLite({
btnNext: ".next3",
btnPrev: ".prev3",
visible: 1,
auto: 0,
start: start3,
speed: 1000,
afterEnd: function() {
setTimeout("$('.next1').trigger('click');", 1000);
}
});
Nach dem Laden der Seite wird die erste Listenanimation gestartet:
Code:
window.setTimeout("$('.next1').trigger('click');",1000);
Beim Betrachten des "Auswahlquelltextes" fällt mir allerdings auf, dass die Listen in DIV Nr.2 und Nr. 3 um zusätzliche Elemente erweitert wurden, die in Nr. 1 nicht aufgeführt werden. Ich finde keine Stelle, an der dies im Code passieren könnte.
Dadurch springt die Animation in DIV Nr. 3 leider nach "kurzer" Zeit an ungewünschte Stellen.
LIVE-Beispiel unter http://www.martys.de/silder-prob/
Hat jemand vielleicht einen Tipp für mich, wie ich das Problem beheben kann oder wodurch die "zusätzlichen" Listeneinträge auftauchen?
Vielen Dank schon mal,
Martys