0

我是新来的,面临困难。

这是我的问题:

我想像下面的链接一样随机加载多个图像。

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

加载所有图像缩略图后应保持淡化。如果你看到有图像不透明度是 50%。它应该是 100% 的不透明度,但是是随机的。

任何人都可以制作更好的代码?

感谢所有大师。

/* 下面是我的代码 */

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

$(文档).ready(函数(){

   $(".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 属性.. 属性不透明度采用浮点值 0.5 是您的 50%

于 2012-04-19T11:03:36.117 回答