Я использую плагин owl carousel для показа слайдера изображений.
Вот код
function imageSliderSettings() {
jQuery(".image-slider").each(function () {
var id = jQuery(this).attr('id');
var auto_value = window[id + '_auto'];
var hover_pause = window[id + '_hover'];
var speed_value = window[id + '_speed'];
var items_value = window[id + '_items'];
auto_value = (auto_value === 'true') ? true : false;
hover_pause = (hover_pause === 'true') ? true : false;
jQuery('#' + id).owlCarousel({
loop: true,
autoHeight: true,
smartSpeed: 750,
autoplay: auto_value,
autoplayHoverPause: hover_pause,
autoplayTimeout: speed_value,
checkVisibility:true,
responsiveClass: true,
items : 1,
responsive: {
0: {
items: 1
},
1024: {
items: items_value,
}
}
});
jQuery(this).on('mouseleave', function () {
jQuery(this).trigger('stop.owl.autoplay');
jQuery(this).trigger('play.owl.autoplay', [auto_value]);
})
});
}
У меня есть список изображений по клику каждогоизображение я показываю сову карусель с различными наборами изображений.для первого клика по изображению карусель работает, но со второго раза карусель не показывается.
Когда я отлаживал код, я узнал, что классы, связанные с плагином owl, не добавляют элементы html
В рабочем случае код такой:
В случае с кодом код выглядит так:
