javascript - jQuery幻灯片放映简化

Question

我正在尝试提出制作 JQuery 幻灯片的最基本示例，您可以在其中单击正在查看的当前图像并循环浏览照片库。我知道它可能不是最基本的例子，因为如果我想添加一个新图像，我必须编写更多的 JQuery。有没有一种更抽象的方法，我不必根据 div id 编写 JQuery 并让类来处理工作？这是我的 jQuery

$(document).ready(function() {
$("#pic1").click(function() {
$("#pic1").hide();
$("#pic2").show();                
});  
$("#pic2").click(function() {
$("#pic2").hide();
$("#pic3").show();                
});
$("#pic3").click(function() {
$("#pic3").hide();
$("#pic1").show();                
});
});

其余的都在这里。http://jsfiddle.net/XjdTX/3/

Answer 1

以下代码将尽可能简单，

$("#slideframe div").click(function() {
    $(this).hide();
    if ($(this).next().length > 0) {
        $(this).next().show();
    } else {
        $("#slideframe div").first().show();
    }
});​

http://jsfiddle.net/XjdTX/5/