Нужны кнопки «Следующая» и «Предыдущая», чтобы работать за пределами слайд-шоу.

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

Но когда я пытаюсь это сделать, кнопки не переходят к следующему или предыдущему слайду при нажатии. Есть ли сценарий var, который нужно включить, потому что кнопки находятся за пределами ползунка div?

Любая помощь приветствуется!

Answer 1

Я не знаю этот плагин для слайдов, но я использую JQuery Tools Для этого можно прокручивать, и там нет проблем, чтобы разместить их в другом месте, и они используются почти одинаково.