Nordborn
@Nordborn
Frontend

Как можно добавить стрелки к слайдеру?

Использую на проекте слайдер: tinycircleslider baijs.com/tinycircleslider
Появилась необходимость добавить в него возможность листания картинок стрелками. В стандартном функционале такое отсутствует. Попробовал залезть в код, зацепился там за вот такую строчку $thumb.bind("mousedown", _startDrag);

Добавил в HTML <div class="next" data-slide-index="4">111</div>

И навесил в код слайдера строчку:
$('.next').click(function(){_
startDrag; $(this).attr('data-slide-index', $(this).attr('data-slide-index')+1)
});


Консоль пропускает, но ничего и не происходит.

Вообщем, идея пока такая. Создать элемент и цеплять к нему атрибут data-slide-index высчитывать скриптом какой именно слайд сейчас активен и подставлять это значение в созданный объект. А на клик прибавлять к data-slide-index +1.

Код слайдера можно по ковырять здесь: codepen.io/atelierbram/pen/XbGQqw
Оф страница тут: baijs.com/tinycircleslider

Буду благодарен вам за любую помощь, хоть словом хоть делом.
P.S. Если вы знаете похожий слайдер, в котором уже есть эти злосчастные кнопки, смело рекомендуйте, буду использовать его :)
  • Вопрос задан
  • 1159 просмотров
Пригласить эксперта
Ответы на вопрос 1
Возможно быстрее будет поставить новый слайдер с более широким функционалом типа owl-corusel, или slick. Благо ставятся они без проблем.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы