滑动滑块图像幻灯片在页面加载时立即显示

Question

我正在为我的旋转木马使用滑动滑块而我遇到的问题是所有幻灯片都显示在列表中，然后在页面加载后大约一秒钟滑块修复它，好像CSS刚刚加载了滑块正在应有的工作。那么如何在一秒钟内停止所有幻灯片一次闪烁？

Answer 1

如果在滑动器加载并工作后看一下HTML，您会发现Slippry在滑动元素（<li></li>）中添加了“不透明度：0：作为内联样式。”这很神奇，它只是将当前显示的幻灯片的0变成1。

要解决此问题，（这可能不是最好的方法）我添加了通过CSS使幻灯片0不透明的功能，因此在加载Slippry之前不会显示任何内容。然后，Slippry会为活动幻灯片添加1。