显示的 jQuery 循环图像：无

Question

我有一个包含多个图像的 div，还有一个默认图像。一开始它只显示默认图像，但每当用户mouses hover 图像时，它应该循环所有其他display: none 图像。

正如您在我的jsfiddle 中看到的，我的 div 结构如下：

<div id="2">
    <img src="http://www.thesearchagents.com/wp-content/uploads/2013/11/Google-Search.jpg" class="default" onmouseout="this.src='http://www.thesearchagents.com/wp-content/uploads/2013/11/Google-Search.jpg'"/>
    <img src="http://pplware.sapo.pt/wp-content/uploads/2014/02/Google_Whatsapp.jpg" class="default" style="display: none"/>
    <img src="http://pplware.sapo.pt/wp-content/uploads/2013/07/google_08.jpg" class="default" style="display: none"/>
</div>

第一张图片是默认图片，因为它有event onmouseout。 其他图像补充了这个 div。所以，我想要的是每当用户mouseshover 图像默认在这三个（在这种情况下）图像之间开始一个循环。

我的一个疑问是我输出这些图像的方式。我真的不知道是否有更好的方法。

最后，我希望我的输出是 like this。

Answer 1

好吧，我用Cycle2 Plugin 解决了我的问题。

Example at jsfiddle.

$('.slideshow').cycle({
         fx:     'fade',
         speed:   600,
         timeout: 300,
         pause:   0
    });