2012-03-30 89 views
0

我有一個jQuery滑塊的這個很好的例子工作:http://papermashup.com/simple-jquery-gallery/Jquery Slider自動淡出。

這裏是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個左右的圖像。

非常感謝

回答

0

有一種叫做setInterval(param1,param2)方法在JavaScript中。

param1:調用圖像更改的函數。

param2:時間間隔。

我苦於修改你的例子,但我做了我自己的例子,你可以在其中映射你的例子中的函數。請檢查看看這fiddle.

聲明:我使用的圖像僅用於演示目的。我沒有擁有任何這些圖像。