0

私はここに来たばかりで、困難に直面しています。

ここに私の質問があります:

以下のリンクと同じように、複数の画像をランダムに読み込みたいです。

http://priyasriartgallery.com/_test/index.html

すべての画像のサムネイルを読み込んだ後、フェードし続ける必要があります。画像がある場合、不透明度は 50% です。不透明度は 100% である必要がありますが、ランダムです。

誰でもより良いコードを作成できますか?

すべてのマスターに感謝します。

/* 以下は私のコードです */

// JQuery Init* * ** * ** * ** * ** * ***

$(document).ready(function(){

   $(".box").hide();


   var speed = 10; //speed in ms

    $(window).load(function() {

        timer= setInterval(function fadeInDiv(){

             $notLoaded = $(".box").not(".loaded");
             $notLoaded.eq(Math.floor(Math.random()*$notLoaded.length))

                    .fadeIn()
                    .addClass("loaded");




             if ($notLoaded.length == 0) {


                setTimeout(function(){
                $notLoaded.eq(Math.floor(Math.random()*$notLoaded.length))
                $('.box > p > img').fadeTo("slow", 1).delay(10000).fadeTo("slow", 0.5)
                $('.box > img').fadeTo("slow", 0.5).delay(2000).fadeTo("slow", 1)

                });



             }



       }


        , speed);

        }); 

    });
4

1 に答える 1

0

画像をランダムに選択し、「rand_img_X」形式のクラスを追加して、不透明度cssプロパティを取得/設定します。プロパティの不透明度はfloat値を取ります0.5は50%です

于 2012-04-19T11:03:36.117 に答える