2012-04-19 149 views
0

我是新来的,面临困难。缩略图随机淡入淡出

这里是我的问题:

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

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

负载毕竟图像的缩略图应该保持褪色。如果看到有图像不透明度为50%。它应该是100%不透明,但是是随机的。

任何人都可以做出更好的代码?

谢谢所有大师。

/*下面是我的代码*/

//初始化的JQuery * * ** * ** * ** * ** * ***

$(文件)。就绪(函数(){

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

     }); 

    }); 

回答

0

随机选择图片添加格式为“rand_img_X”的类并获取/设置不透明度css属性。 属性不透明度取浮点值0.5是您的50%

+0

我想要这样:图片在加载后淡入但随机。 http://jsfiddle.net/U8spY/ – user1343671 2012-04-19 11:38:39

+0

任何人都可以随机突出显示10张图像。 http://jsfiddle.net/aditya_shinde/U8spY/67/ 谢谢 – user1343671 2012-04-23 10:27:45