javascript - 从 Flickity 画廊中完全删除淡入淡出效果

Question

我正在使用 Flickity 画廊自动循环播放一系列图像，但图像之间存在淡入淡出过渡。我想删除它以便图像立即更改。

我已尝试按照此线程中的答案进行操作，但它们没有用。 Remove Fade From Flickity Slider Transitions

我试过将其添加到 css 中，但没有成功。

.carousel-cell {
  left: 0 !important;
  opacity: 0;
  transition: opacity 0s ease-in-out;
  z-index: -1;
}

.carousel-cell.is-selected {
  opacity: 1;
  z-index: 0
}

Answer 1

如果删除 transition 属性，则应该没有任何动画。根据您提供的问题中的 fiddle ，如果您只是删除过渡，则根本不会有过渡。

编辑:

我直接在他们的 website 上查看了 Flickity他们似乎在使用一些 javascript 来为 transform 属性设置动画。如果您使用的是类似的东西，则必须对 javascript 而不是 css 进行修改。