mam kod JS na przewijanie obrazków.
obrazki są poukładane kolejno w divie, kod nadaje mu szerokość wszystkich obrazków w nim a kiedy naciśnie się na guzik, div z obrazkami się przesówa - w lewo lub w prawo.
Problem polega na tym że wszystko działa do 99 obrazków, kiedy obrazków jest ponad 100, każde wznowienie animacji do przesówania cofa całość do początku.
Szerokość diva i ilość obrazków jest dobrze odczytana, bo kiedy przewinie się całą animację bez przerywania to dochodzi do końca.
Z 98 obrazka przesówa sie do 99, a z 99 do 1 zamiast do 100 - tak jak by licznik animacji kończył sie na 99 obrazku, a potem nie wie co robić to zaczyna od początku.
link do przykładu:
http://jsfiddle.net/957UW/1/
sam JS:
CODE
$(document).ready(function(){
var imageSum = $(".sownica a").size();
var imageReelWidth = 140 * imageSum;
$(".sownica").css({'width' : imageReelWidth});
$(".prawo").mousedown(function() {
var imageWidth = $(".sownica").width();
var x = imageWidth - 854;
$(".sownica").animate({marginLeft: -x
}, 5000 );
});
$(".prawo").mouseup(function() {
$(".sownica").stop();
});
});
$(document).ready(function(){
$(".lewo").mousedown(function(){
$(".sownica").animate({marginLeft: 0 }, 5000 );
});
$(".lewo").mouseup(function() {
$(".sownica").stop();
});
});
Za pomoc lub podpowiedź z góry dziekuję.