Встроен слайдер slick в fancybox. Если закрыть попап окно и снова его открыть без перезагрузки страницы - пропадает кнопка закрытия этого окна и на esc также не закрывается. link Раздел "products" блок "knife"
$('.popup').fancybox({
beforeShow: function() {
$('#product__slider').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
dots: true,
});
},
});
Если вызывать функцию слайдера вне fancybox, то первый слайд отображается некорректно.
Когда закрываете попап, вам нужно удалять классы slick'а (slick-initialized slick-slider slick-dotted
) с помощью removeClass
у контейнера слайдов #product__slider
.
После долгих копаний пришел к такому решению. Перед тем, как откроется попап-окно fancybox'a слайдер должен проинициализироваться. Поможет в этом коллбэк beforeShow.
$('.popup').fancybox({
beforeShow: function() {
$('#product__slider').slick('setPosition');
},
});
$('#product__slider').not('.slick-initialized').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
dots: true,
infinite: true,
centerMode: false,
});
Виртуальный выделенный сервер (VDS) становится отличным выбором
Существуют ли правило или руководящий принцип при написании CSS, по которому следует использовать margin или padding для добавление отступов?
При переключении с английского на русский, ломается headerПроблема в том, что названия пунктов меню(которое в хедере) длинее названий на английском...