0

画像が毎回回転するように、無限ループするスクリプトを作成したいと思います。これは動作しない私のスクリプトです:

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();
});
4

2 に答える 2

1

すでにjQueryを使用していますが、適切ではありません。ここにいくつかのショートカットがあります:

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

する必要があります:

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

document.getElementById('up').alignになります$('#up').css('align')

document.getElementById('up').align = 'right'になります$('#up').css('align','right')

サミッチが提案するものも必要です。

于 2012-02-09T17:54:35.323 に答える
1

あなたは使用する必要があります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);
});

PS 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');
        });
    }
}
于 2012-02-09T17:49:21.527 に答える