Slick slider или много слайдеров и картинок

Опубликовано: 24.05.2019 в 15:03

Автор:

Категории: JQ,Бложег

Была ситуация когда предыдущий разработчик умудрился встроить на странице сайта более 20 слайдеров, представьте как тормозила страница…
Пришлось решать

$.fn.toggleClick = function(funcArray) {
return this.click(function() {
var elem = $(this);
var index = elem.data('index') || 0;

funcArray[index]();
elem.data('index', (index + 1) % funcArray.length);
});
};

$('.btn').toggleClick([
function() {
$('.slider-1').slick();
}, function() {
$('.slider-3').slick();
}, function() {
$('.slider-3').slick();
}, function() {
$('.slider-3').slick();
}
]);

Что делает данный код ? Здесь счетчик кликов, каждый клик активирует слайдер по очереди (в моём случае был слайдер внутри слайдера в кол-ве 20 штук), вам нужно лишь запускать по очереди + советую активировать lazyLoad

Всего комментариев: 0

Оставить комментарий

Ваш email не будет опубликован.

Вы можете использовать следующие HTML тэги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>