Question

我是新来的，面临困难。

这是我的问题：

我想随机加载多张图片，与下面的链接相同。

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

加载完所有图像后，缩略图应保持褪色。如果你看到有图像不透明度是50％。它应该是100％不透明但随机。

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

感谢所有大师。

/ *下面是我的代码* /

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

（文档）$。就绪（函数（）{

   $(".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);

        }); 

    });

Answer 1

随机选择图像以“rand_img_X”格式添加一个类并获取/设置不透明度css属性。属性opacity取浮点值0.5是你的50％

缩略图随机淡出淡出

1 个答案: