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個左右的圖像。
非常感謝