2

このサイトのように、シャッフル スライドショーを実行しようとしています。シャッフルとフェードのギャラリーですが、次のコードしかありません。 

<div class="slideshow">    
     <img src="http://davy0324.netne.net/dummys/dummy1.jpg">
     <img src="http://davy0324.netne.net/dummys/dummy2.jpg">
     <img src="http://davy0324.netne.net/dummys/dummy3.jpg">
     <img src="http://davy0324.netne.net/dummys/dummy4.jpg">
     <img src="http://davy0324.netne.net/dummys/dummy5.jpg">
</div>

助けてください。私はシャッフルコードを扱いましたが、それらはボタンで始まりますが、ボタンは必要ありません。ウェブサイトのように無期限に繰り返される自動ギャラリーが必要です。

4

1 に答える 1

0

ということでしたか ( jQueryを使用)

$(function(){
    (function(){
        var imgs=$('.slideshow img');
        var i=0;
        function shuffle()
        {
            $(imgs[i]).fadeIn(2000, function(){
                i=(i < imgs.length-1) ? (i+1) : 0;
                setTimeout(function(){
                    $('.slideshow img').fadeOut(2000);
                    shuffle();
                }, 2000);
            });
        }
        shuffle();
    })();
});​

デモ。

更新:このようなランダムな順序の画像アニメーションが必要な場合があります。

于 2012-09-01T23:48:06.067 に答える