从Flickity滑块过渡中删除淡入淡出

时间:2019-02-26 21:48:25

标签: javascript jquery html css 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

理想情况下,如果两个幻灯片相同,则应该没有明显的过渡,但是如果它们不同,我也不希望它立即翻转,这就是我通常得到的结果。也许不可能,或者无法使用此滑块。

0 个答案:

没有答案