如何将上/下按钮添加到jQuery图库？

Question

我在这里找到了一个带有jQuery的图片库：

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

我只想知道如何为prev和下一个箭头图像添加功能，以便使用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())
 });