我已经得到了由拇指负载效应激发了这个页面,但说实话毫无头绪如何创建这样的效果,每个拇指。
谁可以点我在正确的方向,甚至给我的代码的某些行?
我已经看到了一些有关其他议题,但这些不会在一个情况下工作,其中许多图像将被加载,此起彼伏。
谢谢!
我已经得到了由拇指负载效应激发了这个页面,但说实话毫无头绪如何创建这样的效果,每个拇指。
谁可以点我在正确的方向,甚至给我的代码的某些行?
我已经看到了一些有关其他议题,但这些不会在一个情况下工作,其中许多图像将被加载,此起彼伏。
谢谢!
剧本 :
$(function(){
$("#listing .img").each(function(index) {
$(this).hide().delay(100*index).fadeIn(300);
});
});
然后将HTML:
<div id="listing">
<div class="img"><img src="http://www.marclagrange.com/files/thumbs/medium/snow-white20091.jpg" alt="" width="235" height="180" /></div>
<div class="img"><img src="http://www.marclagrange.com/files/thumbs/medium/soeur-sourire70x50.jpg" alt="" width="235" height="180" /></div>
</div>
而且不要忘了包括jQuery的 。
这里是一个的jsfiddle 。