jquery滑块未平滑过渡

多亏了克里斯蒂安·谢尔梅耶，我才使滑块正确过渡。但现在看来，图像的焦点已经消失了。我是否需要使用z索引或其他方法使幻灯片平滑？目前，唯一一个像它应该的那样“淡出”的是幻灯片4，转换回幻灯片1。我真的很困惑。我试着在淡色上计时，这似乎不是问题。看起来“下一张幻灯片”就在它应该淡出的幻灯片上方突然出现在前景中

请试试这个

更改：

$(ids[nextSlide]).fadeTo(100, 1.0);
$(ids[slide]).fadeTo(1200, 0);

slide++;
if (slide > slides - 1) {
    slide = 0;
}

致：

并添加到

#容器

CSS规则中：

background-color: #000;

也可以考虑这种改变（虽然不必让它工作）它会简化你的代码。

更改：

$(ids[nextSlide]).fadeTo(100, 1.0);
$(ids[slide]).fadeTo(1200, 0);

slide++;
if (slide > slides - 1) {
    slide = 0;
}

致：

（您已经计算了下一张幻灯片的内容，您可以使用它，而不是重新计算然后检查边界。）

另一个建议是考虑使用<代码> IDS。长度< /C> >您有<代码>幻灯片< /C> >，并删除<代码>幻灯片 <代码> var >代码> -这可能是有意义的，如果您决定在将来添加或移除幻灯片，您不必记住也要更新

幻灯片

计数-它只适用于您在

ids

数组中指定的数量

---

考虑这一点。

如果您将

fadeTo

计时器从

100

更改为

1000

，该怎么办？或者在两者上都使用

1200

？或者我只是没有正确理解你的问题。谢谢，我试过1200，它只是显示另一个在淡入淡出。真奇怪。谢谢你的代码调整。@WASasquatch我做了一个编辑来减缓过渡，这样它将完成淡出，然后淡入下一个。我还添加了一个黑色的背景色，这样你就不会在褪色后看到“白色闪光”。我还从您的JSFiddle中派生了一个新的JSFiddle。

slide = nextSlide;