如何创建另一个图像后淡入负载效应,一个(How do I create a fade-in load

2019-10-19 00:36发布

我已经得到了由拇指负载效应激发了这个页面,但说实话毫无头绪如何创建这样的效果,每个拇指。

谁可以点我在正确的方向,甚至给我的代码的某些行?

我已经看到了一些有关其他议题,但这些不会在一个情况下工作,其中许多图像将被加载,此起彼伏。

谢谢!

Answer 1:

剧本 :

$(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 。



文章来源: How do I create a fade-in load effect, one after another image