Jquery Slider会自动淡入淡出

Question

我正在使用这个jQuery滑块的好例子：http://papermashup.com/simple-jquery-gallery/

这是Jquery：

$(function() {
$(".image").click(function() {
var image = $(this).attr("rel");
$('#image').hide();
$('#image').fadeIn('slow');
$('#image').html('<img src="' + image + '"/>');
   return false;
   });
});

这是HTML

<div id="image"><img src="images/1.png" border="0"/></div>
<a href="#" rel="images/1.png" class="image"><img src="images/t1.png" class="thumb" border="0"/></a>
<a href="#" rel="images/2.png" class="image"><img src="images/t2.png" class="thumb" border="0"/></a>
<a href="#" rel="images/3.png" class="image"><img src="images/t3.png" class="thumb" border="0"/></a>

我想知道的是，我如何才能让大图像在循环中自动淡出其他图像。当我点击其中一个时，它就开始了。我计划拍摄大约20张图片。

非常感谢

Answer 1

JavaScript中有一种叫做setInterval(param1,param2)的方法。

param1：调用图像更改的函数。

param2：时间间隔。

我很想修改你的例子，但我做了自己的例子，从中你可以映射你的例子中的函数。请查看这个小提琴

免责声明：我使用的图片仅用于演示目的。我没有这些照片。