Добрый день. В работе использую swiper js.
Написан универсальный скрипт для запуска свайпера на разных страницах.
var windowWidth1 = 0;
$(window).on('load resize', function() {
var windowWidth = window.outerWidth;
if (windowWidth1 !== windowWidth) {
console.log(windowWidth);
windowWidth1 = windowWidth;
$(".swiper-container:not(.swiper-container-initialized):visible").each(function() {
if ($(this).data('swiper-loop') === 1) {
var param = {
slidesPerView: 'auto',
loopedSlides: 0,
loop: true,
freeMode: true,
}
} else if ($(this).data('swiper-loop') === 2) {
var param = {
loop: true,
pagination: {
el: '.swiper-pagination',
clickable: true,
}
}
} else {
var param = {
slidesPerView: 'auto',
loopedSlides: 0,
freeMode: true,
}
}
var init = $(this).data('swiper-on');
if (parseInt(init) > 1) {
if (windowWidth <= init) {
new Swiper($(this)[0], param);
}
} else {
new Swiper($(this)[0], param);
}
});
$(".swiper-container.swiper-container-initialized").each(function() {
var disableWidth = $(this).data('swiper-on');
if (parseInt(disableWidth) > 0) {
if (windowWidth > disableWidth && disableWidth !== 1) {
this.swiper.destroy();
}
}
});
$(".swiper-container.swiper-container-initialized:not(:visible)").each(function() {
this.swiper.destroy();
});
}
});
Но вот как добавить дополнительные свойства для отдельно взятых слайдеров на страницах?
Например у одного слайдера стрелки есть, а у другого нет. Не хочется дописывать каждый раз условие в универсальный скрипт. Может есть вариант например проверки по доп классу или по родителю - если у элемента такой то доп класс, то добавляем ему еще свойства (а не каждый раз переписывать их по новой).
Смотрела различные варианты в интернете. И вот не поняла как правильно записать, чтоб работало. Если можно - лучше пример кода. js еще изучаю.