带有随机阿尔法效果的jquery网格

Question

好的，我只需要点亮这里。

我想做一个像在本网站右侧的微笑图像上的视觉效果。

http://iitweb.com/

基本上与亮和灭时间可持续在图像上随机的α栅格瓦片效果。任何想法我可以使用这个？

Answer 1

那么，这可能对你来说有点迟，但它可能有助于任何人寻找相同的东西。

这将是我的第一种方法：

HTML

<img src="https://profile-b-ord.xx.fbcdn.net/hprofile-ash3/27537_111050195577875_7540_q.jpg" alt="" /> 
<img src="http://profile.ak.fbcdn.net/hprofile-ak-snc7/369585_100004094319706_2126721826_q.jpg" alt="" /> 
<img src="http://vialibrepl.com/wp-content/uploads/2013/08/THUNDERCATS-50x50.jpg" alt="" /> 
<img src="http://www.brainzum.com/wp-content/uploads/2013/02/Inspector-Gadget-Go-Go-Gadget-Collection1-50x50.jpg" alt="" /> 
<img src="http://spe.fotolog.com/photo/46/54/51/_melizita/Homer_Simpson_1240210329589_t.jpg" alt="" /> 

JS

function fadeRandomTile() 
{ 
    var tiles = $("img").length; 
    var random_tile = Math.floor(Math.random() * tiles); 
    var $tile = $("img").eq(random_tile); 

    if(!$tile.data("alpha")) 
    { 
     $tile.fadeTo(500, 0.5).data("alpha", true); 
    } 
    else 
    { 
     $tile.fadeTo(500, 1).data("alpha", false); 
    } 
} 

setInterval(function(){fadeRandomTile()}, 1000); 

DEMO http://jsfiddle.net/gEpan/1/