3
Я пытаюсь создать слайдер с эскизами, который отображает 2 изображения за раз в слайдере. У меня все работает благодаря minItems:2flexslider 2 active thumbails
Проблема заключается в навигации по миниатюрам. Когда вы нажимаете на второй миниатюру, ползунок перемещается и отображает третье изображение на слайдере, хотя второе изображение уже отображается.
Есть ли способ создать 2 активных эскиза и заставить их синхронизировать изображения, отображаемые в слайдере?
Единственный другой подобный слайдер, который я нашел, который использует это nastygal на странице своего продукта. Надеюсь, что это путь, потому что на самом деле он не очень дружелюбен, как сейчас. Спасибо!
Я использую это на WooCommerce магазине:
productSlider: {
selector: '#product-nav',
init: function() {
var base = this,
container = $(base.selector),
images = $('#product-images'),
zoom = images.data('zoom');
container.flexslider({
animation: "slide",
controlNav: false,
directionNav: false,
animationLoop: false,
slideshow: false,
itemWidth: 106,
itemMargin: 10,
asNavFor: '#product-images'
});
images.flexslider({
animation: "slide",
controlNav: false,
directionNav: true,
animationLoop: false,
slideshow: false,
minItems: 2,
maxItems: 2,
prevText: '<i class="fa fa-angle-left"></i>',
nextText: '<i class="fa fa-angle-right"></i>',
sync: "#product-nav",
start: function(slider) {
if (zoom) {
$(slider.slides[0]).easyZoom({
preventClicks: false
});
}
},
before: function(slider) {
if (zoom) {
$(slider.slides[slider.animatingTo]).easyZoom({
preventClicks: false
});
}
}
});
}
},
По-прежнему пытается понять это. Никто не знает, как это можно сделать? – mlarino
Это всего лишь догадка, так как я раньше не касался самого слайдера, но из документов я нашел вариант «move: Number of carousel items, который должен перемещаться по анимации». установил бы, чтобы 2 дал желаемый результат? –
Привет @ JaakKütt, спасибо за вашу помощь! Я действительно пытался это сделать, но не имеет никакого эффекта ... Не знаю, почему, я даже создал тестовую галерею по примерам, которые они предоставляют, но этот ход: 2 никогда не работает. – mlarino