我使用了几次滑动滑块,不久后又碰到了一支笔(虽然我找不到这个问题,可能在这里找到了它),其中幻灯片过渡使用了淡入淡出效果而不是默认效果
原始笔有点过时了(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
理想情况下,如果两个幻灯片相同,则应该没有明显的过渡,但是如果它们不同,我也不希望它立即翻转,这就是我通常得到的结果。也许不可能,或者无法使用此滑块。