На сайте есть слайдер (изображение). Реализован через slick
. На слайдер подвязаны элементы контента на странице, то есть слева текст и снизу переключаются в зависимости от активного слайда (который в центре не прозрачный). А реализовать чтобы при клике мышкой на не активный слайд (справа или слева прозрачные которые) изображение и слайд перемещали соответственно в центр, то есть становились активными и соответственно переключался контент (это момент думаю у самого получится реализовать).
Или может кто посоветует как это реализовать по другому.
И еще, если слайдер зациклен на инфинити, то при переходе с последнего слайда в цепочке на первый происходит дергание,он с паузой меняется, причем не важно изображение это или просто фоном бэкграунд поставить. От чего так может быть и как избежать проблемы?
Буду признателен.
Добавить комментарий
|
1 ответ
Если представить, что у вас есть <div>
класса gallery
, на который присоединен slick, и внутри которого находятся <div>
класса item
с картинками, то делается так:
$(".gallery .item").on("click", function() {
const index = $(this).attr("data-slick-index");
$(".gallery").slick("slickGoTo", index);
});
Пример (из ответа на другой вопрос)
По-поводу дергания - это до сих пор не исправленная ошибка в slick. Посмотрите здесь.