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
    });

jQuery循环图像显示：无

1 个答案: