javascript - 需要下一个和上一个按钮才能在幻灯片 div 之外工作

Question

我正在使用SlidesJS插件在我的主页上创建幻灯片。

我希望将上一个和下一个按钮放在幻灯片 div 之外，这样我就可以将按钮左右对齐到浏览器窗口的两侧。像这样：

<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
    });
});

但是当我尝试它时，单击时按钮不会转到下一张或上一张幻灯片。由于按钮位于滑块 div 之外，是否需要包含一些脚本变量？

任何帮助表示赞赏！

Answer 1

我不知道那个幻灯片插件，但我正在使用JQuery Tools Scrollable 并且将它们放在其他地方没有问题，并且它们的使用方式几乎相同。