Javascript 谷歌播放英雄滑块?

Javascript 谷歌播放英雄滑块?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,一位客户表示,他们非常喜欢Google Play处理英雄滑块的方式。我尝试在jQueryCycle中复制该效果,但没有效果。有谁能解释一下达到同样效果的最佳方法吗 对于不熟悉的人:-滑块显示集中的“当前滑块”以及屏幕后面显示的“上一个”和“下一个”幻灯片预览。它是连续的,你总是可以看到一个前后的。它不是连续的。右边的东西不会在幻灯片之间滑动,它只是出现。这并不是为旋转木马设定高标准 您真正需要的是将任何旧的旋转木马拆分为3段,并在段1和段3上永久覆盖半透明覆盖层,以及在段2上打开和关闭的覆盖层。

一位客户表示,他们非常喜欢Google Play处理英雄滑块的方式。我尝试在jQueryCycle中复制该效果,但没有效果。有谁能解释一下达到同样效果的最佳方法吗


对于不熟悉的人:-滑块显示集中的“当前滑块”以及屏幕后面显示的“上一个”和“下一个”幻灯片预览。它是连续的,你总是可以看到一个前后的。它不是连续的。右边的东西不会在幻灯片之间滑动,它只是出现。这并不是为旋转木马设定高标准

您真正需要的是将任何旧的旋转木马拆分为3段,并在段1和段3上永久覆盖半透明覆盖层,以及在段2上打开和关闭的覆盖层。每次幻灯片完成时,隐藏#2覆盖。每一次一开始,你都会再次展示它

你想知道的东西:

  • 使用CSS将绝对元素根化为相对定位元素,这样您就可以在内容内容上固定绝对面板,而不会影响布局

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

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


所以我假设最简单的方法是构建一个自定义滑块,而不是编辑/破解现有插件?第一个和第三个“需要知道的东西”在包里没有问题,但是需要一个团队成员来帮助第二个。谢谢你的回答!