Я несколько раз использовал бегунок flickity, и некоторое время назад наткнулся на перо (возможно, здесь можно найти, хотя я не могу найти вопрос), где при переходе между слайдами используется эффект затухания, а не эффект по умолчанию..
Оригинальная ручка несколько устарела (https://codepen.io/eikeco/pen/MwGRKr),, но здесь в основном точно такая же, с обновленной js / css. https://codepen.io/mzq/pen/WaKvVz
Единственная реальная модификация оригиналаПолзунок, на мой взгляд, таков:
.carousel-cell {
left: 0 !important;
opacity: 0;
transition: opacity 0.3s ease-in-out;
z-index: -1;
}
Что бы я хотел сделать (если возможно), но не смог, это изменить переход, чтобы у него не было этого всплеска / исчезновения, если изображенияили текст остается одним и тем же от одного слайда к следующему.
Обычно я использую фоновые изображения там, где они более заметны, как здесь: https://codepen.io/mzq/pen/moyKbL
В идеале, если два слайда идентичны, заметных не должно бытьпереход, но я также не хочу, чтобы он мгновенно переворачивался, если они разные, что является результатом, который я обычно получаю. Возможно, это невозможно, или нет с этим ползунком.