jquery無限ループ画像バーを繰り返しスライド

Question

スクリプトを無限ループにして、画像が毎回回転するようにしたい。これはいけない仕事私のスクリプトです：

function w_gore() { 
    if(document.getElementById('mycarousel').style.top != '-544px' && document.getElementById('up').align == 'left') { 
    document.getElementById('up').align = 'right'; 
    $("#mycarousel").animate({"top": "-=136px"}, "slow", function() { 
     document.getElementById('up').align = 'left'; 
    }, setTimeout(function() {ruch();},1000)); 
    } 
} 

    function ruch() { 
     w_gore(); 
    } 

$(document).ready(function(){ 
    ruch(); 
}); 

Answer 1

。ここではいくつかのショートカットがあります：

document.getElementById('mycarousel').style.top 

は次のようになります。

$('#mycarousel').css('top') 

document.getElementById('up').alignは$('#up').css('align')

document.getElementById('up').align = 'right'あなたはまた、Samichが示唆何が必要$('#up').css('align','right')

なりになります。

Answer 2

あなたはsetIntervalを使用する必要があります。

function w_gore() { 
    if(document.getElementById('mycarousel').style.top != '-544px' && document.getElementById('up').align == 'left') { 
    document.getElementById('up').align = 'right'; 
    $("#mycarousel").animate({"top": "-=136px"}, "slow", function() { 
     document.getElementById('up').align = 'left'; 
    }); 
    } 
} 

function ruch() { 
    w_gore(); 
} 

$(document).ready(function(){ 
    window.setInterval(ruch, 1000); 
}); 

P.S. jQueryを使用している場合は、すべてのコード部分で使用します。

jQueryのバージョン：あなたはすでになく、適切に、jQueryのを使用している

function w_gore() { 
    if ($('#mycarousel').position().top != '-544px' && $('#up').css('align') == 'left') { 
     $('#up').css('align', 'right'); 
     $("#mycarousel").animate({ "top": "-=136px" }, "slow", function() { 
      $('#up').css('align', 'left'); 
     }); 
    } 
}