0

これは、私のウェブサイト用に作成したギャラリーです (いくつかの助けを借りて)。[次へ] ボタンと [戻る] ボタンの間に順序なしリスト (ドロップダウン スタイル) を組み込みたいのですが、そのようなコードを jQuery に追加する方法がわかりません。どんな助けでも大歓迎です。ありがとう！

<a href="#" id="back"> Back </a> - <a href="#" id="next"> Next </a></h2></center>
    <center> <img src='gallery/img01.jpg' id='gallery'>
<center><h4><a href="#" id="back"> Back </a> - <a href="#" id="next"> Next </a>

<script> 
    var image = [];
    var num = 0;

    function fillImgList()
    {
        for(var i = 1; i <= 34; ++i)
        {
            image.push("gallery\\img" + (i < 10 ? "0" : "") + i + ".jpg");
        }
    }
    fillImgList();
    $(function()
    {
        $("#next").click(function() { galleryNext(); });
        $("#back").click(function() { galleryPrevious(); });
    });
    function galleryNext()
    {
        num++;
        $("#gallery").attr('src', image[num % image.length]);
    }
    function galleryPrevious()
    {
        num--;
        if(num < 0)
        {
            num = image.length-1
        }
        $("#gallery").attr('src', image[num % image.length]);
    }
</script>
4

1 に答える 1

1

できることの 1 つは、insertAfter()orafter()関数を使用することです。この例で見ることができます: http://jsfiddle.net/83CSK/

リストをjavascriptの文字列として生成し、それをセレクターとしてjqueryに渡します。これにより、dom要素が作成され、セレクターの後に配置されます。

この関数に関するドキュメントは、http: //api.jquery.com/insertafter/にあります。

于 2014-03-14T03:19:24.577 に答える