JQuery的圖片廊

Question

我與jQuery的一個圖片庫這裏找到：

http://sarfraznawaz2005.kodingen.com/demos/jquery/image_gallery/

我只是想知道我如何將功能添加到一個和下一個箭頭圖像，以顯示與jQuery的下一個和以前的圖像。

謝謝。

Answer 1

使用prev和next在當前/之後找到元素並激活它。您將需要從onclick事件中分離元素激活碼。

你使用

$(...).click(function() { 
    code 
    that 
    activates 
    "this" 
}); 

但現在你需要重複使用的激活碼，所以它脫鉤

activate = function(elem) { 
    code 
    that 
    activates 
    "elem" 
} 

$(img).click(function() { 
    activate(this) 
}); 

$(#left).click(function() { 
    activate(currentElement.prev()) 
}); 

$(#right).click(function() { 
    activate(currentElement.next()) 
});