需要下一個和上一個按鈕才能在幻燈片 div 之外工作

Question

我正在使用SlidesJS插件在我的主頁上創建幻燈片。

我希望將上一個和下一個按鈕放在幻燈片 div 之外，這樣我就可以將按鈕左右對齊到瀏覽器 window 的兩側。 像這樣：

<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>

這是腳本：

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

但是當我嘗試它時，按鈕不會 go 到下一張或上一張幻燈片。 是否需要包含一些腳本變量，因為按鈕位於 slider div 之外？

任何幫助表示贊賞！

Answer 1

我不知道那個幻燈片插件，但我正在使用JQuery Tools Scrollable 為此，將它們放在其他地方沒有問題，它們的使用方式幾乎相同。