2012-04-19 68 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