무한 루프에서 이미지가 스크롤되지 않는 자신의 홈페이지에 회전하는 창을 가진 친구를 도우려고합니다. 스크롤하여 시작 부분으로 롤백하고 다시 시작합니다. 여기이 '슬라이더'자바 스크립트로 이미지를 무한대로 회전시키는 방법은 무엇입니까?
은 자바 스크립트는 그가 제공 니펫 :
$(function() {
if ($('#customScroller').length != 0) { //check if we're on the right page
var width = $('#slider a').length;
$('#slider').width(width * 930); //give the slider the appropriate width
var count = 0;
initial slide position
function slide() {
if (count < (width - 1)) { //we want to check if at end of the slider
count++;
}
else {
count = 0;
}
var toMove = 0;
toMove = (-1 * (count * 930));
$('#slider').animate({
left: toMove
}, 1000, function() {
//complete
});
}
var s = window.setInterval(slide, 8500);
}
});
얼마나 많은 일이 그것을 무한히에 단순히주기를 변환하는 것입니다?
편집 : 당신은 다른이를 appraoch 할 것 http://www.ralphshardwood.com
루프에 넣고이 끝나가 때 카운터를 재설정합니다. –