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/

JQuery幻灯片简化

1 个答案: