非常簡單的滑塊

Question

進出口使用簡單滑塊，但jQuery腳本不工作正確.. 看到這裏的工作 http://morenamia.mx/slider/

的問題是在這些線，但我不知道在哪裏。

<i> 
function moveLeft() { 
    if($('#slider ul').position().left < (sliderUlWidth + slideWidth)){ 
    $('#slider ul').animate({ 
     left: - slideWidth 
    }, 1000, function() { 
     $('#slider ul li:last-child').prependTo('#slider ul'); 
     $('#slider ul').css('left', ''); 
    }); 
    } 
}; 
function moveRight() { 
    if($('#slider ul').position().left < (sliderUlWidth - slideWidth)){ 
    $('#slider ul').animate({ 
     left: + slideWidth 
    }, 1000, function() { 
     $('#slider ul li:last-child').prependTo('#slider ul'); 
     $('#slider ul').css('left', ''); 
    }); 
    } 
}; 
</i> 

問題是當圖像幻燈片消失併產生奇怪的效果時，右按鈕工作完美，但左側沒有。

任何人都知道如何解決這個問題？

Answer 1

這只是一個猜測，但如果您以某種方式移動滑塊，則會預先添加圖像，反之，則會添加圖像。所以，你需要改變其中的一個 -

$('#slider ul li:last-child').prependTo('#slider ul'); 

本 -

$('#slider ul li:last-child').appendTo('#slider ul');