1

я использую bxslider, на страничке идет 3 слайдера подряд - один за другим. Каждый слайдер генерит свои отдельный bx-controls , т.е. кнопки prev и next. Как сделать так, чтобы были только одни контроллеры и по клику на них вращались сразу все 3 слайдера?

1 ответ 1

2

Все, спасибо. Все нашел сам =)

Сделал три слайдера как отдельные, вот так:

 var slider = $('.bxslider').bxSlider();
 var slider2 = $('.bxslider2').bxSlider();
 var slider3 = $('.bxslider3').bxSlider();

Дальше отключил контроллеры слайдера и сделал свои стрелочки следующий слайд и предыдущий:

 <p><a id="slider-next">Следующий слайд</a><br />
 <a id="slider-down">Предыдущий слайд</a></p>

И написал свои обработчики событий и вызовы методов перемотки:

$('body').on('click', '#slider-next', function(){
    slider.goToNextSlide();
    slider2.goToNextSlide();
    slider3.goToNextSlide();
    return false;
});

$('body').on('click', '#slider-down', function(){
    slider.goToPrevSlide();
    slider2.goToPrevSlide();
    slider3.goToPrevSlide();
    return false;
});

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.