Google Play英雄滑块？

Question

客户表示他们非常喜欢Google Play处理英雄滑块的方式。我试过在jQueryCycle中复制效果无济于事。谁能说明实现同样效果的最佳途径？

对于那些不熟悉的人：https://play.google.com/store?hl=en - 滑块显示一个集中的“当前滑块”以及屏幕后面显示的“上一个”和“下一个”幻灯片预览。它是连续的，你总能看到前后。

Answer 1

这不是连续的。右侧的东西不会在幻灯片之间滑动，只会出现。对于旋转木马来说，这并不是很高。

您真正需要的是将任何旧的旋转木马分成3段，半透明覆盖层永久地覆盖在段1和3上，还有一段在段2上翻转和关闭。每次滑动完成时，隐藏＃2覆盖层。每次开始再次显示它。

你想知道的东西：

• 使用CSS将绝对元素植入相对定位元素，这样您就可以在不影响布局的情况下修复内容中的绝对面板。

• 在jQuery中使用回调或自定义事件。

• 如何使用Photoshop制作透明/半透明的.png图像作为面板背景。