Slick.js正在打破基础清理电灯箱

Question

我很难让Slick.js和基金会清理灯光盒在一起玩得很好。我的网站设置方式是有三个‘页面’，但是每个页面都是一个Slick.js幻灯片，所以这个站点实际上只有一个实际的网页。

在我的照片‘幻灯片’，我有一个基本的照明盒设置与基金会。但是，当启用Slick.js时，无法正确打开lightbox。当Slick.js被禁用时，它工作得很好。

在这里可以看到一个活生生的例子：Www.kcfelures.com/services.html

下面是一个可用的活示例(slick.js已禁用)：Www.kcfelures.com/services1.html

为了我的生命，我想不出如何让它开始工作。我猜这跟光滑的赛道有关吧？由于光滑的磁道div是如此之宽，这可能是混乱的灯光盒是如何显示。Lightbox通常也会从视口的顶部开始，但是在启用slick.js的情况下，它会从顶部开始，从滑块开始。

任何帮助或指导都将不胜感激！

Answer 1

甚至我也试图实现一些类似的东西，但灵活的不允许我的清空灯盒工作。

建议/解决办法

1. 试试看基础5揭示模式。 对每个包含大版本图像的缩略图进行单独的划分。调整您的代码，以触发显示模式的每一个缩略图显示较大的版本。然而，这将不允许您在其他图像中移动，就像清除光明盒一样。(您可以在显示模式div中实现一个光滑的滑块来实现这一点。)
2. 使用Foundation怎么样？ 我看了你的网站，除了幻灯片的效果，摄影，录像和网页设计迪夫没有必要有特殊的需要，光滑的使用。我相信您可以使用Foundation Tabs并实现相同的选项卡(现在使用清除lightbox将非常容易)。如果您想要为您的选项卡动画，您可以参考Jquery幻灯片动画，并为您的选项卡实现同样的。您还可以使用这参考Foundation动画。