0

現在表示している画像をクリックして写真のギャラリーを循環する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/

4

1 に答える 1

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/

于 2012-12-10T06:23:36.083 に答える