加载但也在jquery中显示图像

Question

我发现这篇文章关于如何在jquery中淡化图像：

jquery: fade in image after image

但我不知道如何做到这一点，因为我首先需要加载让我们说四张图片：

1.jpg
2.jpg
3.jpg
4.jpg

所以我有四个jpeg图像，我想每30秒就淡入淡出它们。 我如何首先将它们加载到我的页面中，然后淡入淡出jquery中的每一个

Answer 1

据我所知，你想做一个循环。首先显示图像1，然后是图像2，然后是3,4，再次是1,2 ......

您可能对cycle plugin

感兴趣

要插入使用img标签的图像，示例代码如下所示：

   <img src="path/to/your/image.jpg" alt="description of your image" width="100" height="100" /> 

alt非常重要，因为如果不加载图片会显示（例如，有人禁用显示图像）。它对搜索也很重要。宽度和高度很重要，因为您的网站在加载图片后不会调整大小，但是imiedietely会保留一些空间。然后你可以做类似的事情：

   $('image').hide() .load(function () { $(this).fadeIn(); }) 

但是，我提供的链接包括完成您所需要的所有必要示例，以及一些更好的方法来解决您的问题