0

我已经使用基于 square.com 上当前使用的滑块构建了一个网站，该滑块由 gilbert 在http://gilbert.pellegrom.me/recreating-the-square-slider/上重新编码。

幻灯片目前似乎是相互叠加的，并且可以进出过渡。目前我工作得很好，只是现在我需要在每张幻灯片上添加链接元素。我让一个朋友看了一下，并稍微修改了脚本和 css，现在我们在第一个循环中拥有每张幻灯片，每张幻灯片上都有可点击的元素。但是，当它在第二个周期返回到第一个屏幕时，或者如果您在第一个周期中单击任何幻灯片上的上一个按钮，则它不再允许再次单击幻灯片上的任何内容。有没有人有任何解决方案来解决这个问题？

这是代码笔。 http://codepen.io/typevu/full/sCvch

4

2 回答 2

0

我认为添加以下内容将解决问题

.square-slider .slide.active
{
   z-index:999 !important;
}

只是锚定的图像在另一个图像下，所以你不能点击它

希望这对你有帮助

于 2013-06-25T21:05:17.110 回答
0

它可以工作，但不要设置z-index高于z-index导航，因为它们会被隐藏。遗憾的是，在 Safari 上，此滑块效果不佳（所有资产在第一张幻灯片中都可见，而下一张幻灯片则此幻灯片的资产变得不可见，很奇怪。）在 Chrome 中资产正常显示，除非它将开始下一个周期。:]

于 2013-07-03T17:26:36.433 回答