javascript - スライドショー div の外で機能するには、次と前のボタンが必要です

Question

SlidesJSプラグインを使用して、ホームページにスライドショーを作成しています。

I am looking to put the previous and next buttons outside of the slideshow div so I can left and right align the buttons to the sides of the browser window. Like this:

<div id="slidercontainer">
    <div id="homeslidercontainer">
        <div id="example">
            <div id="slides">
                <div class="slides_container">
                </div>  
            </div>
        </div> 
    </div>
    <a href="#" class="prev"></a>
    <a href="#" class="next"></a>
</div>

Here is the script:

$(function(){
    // Initialize Slides
    $('#slides').slides({
        preload: true,
        preloadImage: 'img/loading.gif',
        generatePagination: false,
        play: 10000,
        pause: 5000,
        hoverPause: true,
        start: 1
    });
});

But when I try it the buttons do not go to the next or previous slides when clicked. Is there some script var that needs to be included because the buttons are outside of the slider div?

Any help is appreciated!

Answer 1

そのスライド プラグインはわかりませんが、そのためにJQuery Tools Scrollable を使用しています。他の場所に配置しても問題はなく、ほぼ同じように使用されます。