Mavrikii
Platinum Member | Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Weinaum
очевидно, что связано не с css, а с тем, как скрипт прокручивает положение элементов.
сделано стандартно - справа и слева клонируется такой же список. когда доходит до края, то все сдвигается на целый ряд элементов для цикличности. вот тут и возникает особенность, связанная с тем, что изменение классов идет после окончания анимации и тд и тп.
да, вот тут
Цитата:| Slick.prototype.postSlide |
когда идет отрисовка, все отображается как нужно, только за пределами области отображения на экране. после анимации срабатывает
Цитата:
что сдвигает элементы до нужного. отсюда и задержка.
ps: можно сделать, к примеру, так https://codepen.io/lagudal/pen/dyKgGge
ну или найти иной способ, как подсвечивать первоначальный слайд из js после инициализации.
тьфу, ненавижу когда не сохраняет.. короче, сделать класс .remove-filter, добавить его нужному слайду в начале, а в js
Код: $('.customer-logos').slick({
slidesToShow: 3,
slidesToScroll: 1,
autoplay: false,
autoplaySpeed: 1500,
arrows: true,
dots: false,
infinite: true,
}).on('beforeChange', function(e, slick, slide) {
$(slick.$slides[slide]).next().removeClass('remove-filter');
}).on('afterChange', function(e, slick, slide) {
$(slick.$slides[slide]).next().addClass('remove-filter');
}); |
|
Всего записей: 15097 | Зарегистр. 20-09-2014 | Отправлено: 22:16 05-12-2022 | Исправлено: Mavrikii, 22:55 05-12-2022 |
|
