1

DIV 内の一連の画像からスライドショーを作成するためのかなり基本的な jQuery コードを作成しています。CSS は、すべての画像が確実に重なり合うようにします。スクリプトはセット内のアクティブな画像を見て、次の画像の z-index を (CSS クラスを介して) 上に移動し、不透明度 0.0 からフェードインします。すすぎ、繰り返します。これは実際には、 John Raasch のブログで見つけたコードに基づいています。

不透明度のフェードが完了すると、ページ上の次のスライドショー DIV を見て、それを 1 画像分進め、すべての DIV が順番に 1 フレーム進むまでページを下に移動し続けるように、コードを微調整しようとしています。その後、しばらく待ってから、もう一度やり直してください。

次のコードを作成しようとしましたが、target.next が関数ではないことを教えてくれます...

jQuery

$(document).ready(function(){
    setInterval( "slideSwitch('div:first')", 5000 );
});

function slideSwitch(target) {
    var nextTarget = target.next();
    var active = $(target+' img.active');

    if (active.length == 0)
        active = $(target+' img:last');

    var next = active.next().length ? active.next() : $(target+' img:first');

    active.addClass('last');

    next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 500, function() {
            active.removeClass('active last');
            slideSwitch(nextTarget);
        });
};
4

1 に答える 1

1

あなたの「ターゲット」はjqueryオブジェクトではありません。$(target). next() を実行する必要があります

于 2009-08-05T00:52:12.233 に答える