javascript - スライダーが同じページで 2 回機能しない

Question

ページで同じスライドを 2 回使用しようとしていますが、うまくいきません。最初にのみ機能します。HTML を複製すると、2 番目のスライダーに画像が表示されません。

コード

$(function(){
        $('#slides2').slides2({
            preload: true,
            preloadImage: 'img/loading.gif',
            play: 0,
            pause: 2500,
            hoverPause: true,
            animationStart: function(current){
                $('.caption').animate({
                    bottom:-35
                },100);
                if (window.console && console.log) {
                    // example return of current slide number
                    console.log('animationStart on slide: ', current);
                };
            },
            animationComplete: function(current){
                $('.caption').animate({
                    bottom:0
                },200);
                if (window.console && console.log) {
                    // example return of current slide number
                    console.log('animationComplete on slide: ', current);
                };
            },
            slidesLoaded: function() {
                $('.caption').animate({
                    bottom:0
                },200);
            }
        });
    });