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：时间间隔。

我很想修改你的例子，但我做了我自己的例子，你可以在你的例子中映射函数。请查看此fiddle.

免责声明：我使用的图像仅用于演示目的。我不拥有任何这些图片。

Jquery Slider自动褪色。

1 个答案: