如何淡入一組圖像？ 不是幻燈片

Question

我試圖弄清楚如何淡入一組圖像，類似於在該站點上淡入畫廊圖像的方式： http : //www.archdesignbuilders.com/arch_gallery.php 。

該網站上的代碼非常難以篩選。 我似乎無法弄清楚它們是如何實現這種效果的。

如果有人有任何想法，我寧願盡可能使用jquery創建它，也可以只用幾行javascript就行了，這就是我所需要的。

我將不勝感激任何建議。

Answer 1

HTML：

<img src="image1.gif" class="imagetofadein">
<img src="image2.gif" class="imagetofadein">
<img src="image3.gif" class="imagetofadein">
<img src="image4.gif" class="imagetofadein">
<img src="image5.gif" class="imagetofadein">
<img src="image6.gif" class="imagetofadein">

包含jQuery的JavaScript：

$(".imagetofadein").fadeIn();