0

我已经使用了几次轻弹滑块,不久前遇到了一支笔(尽管我找不到问题,但可能已经在这里找到了),其中幻灯片过渡使用淡入淡出效果而不是默认效果。

原来的钢笔有些过时了(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

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

4

0 回答 0