我无法让Slick.js和基金会清除灯箱一起玩得很好。我设置网站的方式是有三个页面,但每个页面都是Slick.js幻灯片,因此该网站实际上只是一个实际的网页。
在我的摄影'幻灯片中,我有一个基础灯箱设置基础。但是,当启用Slick.js时,我无法正确打开灯箱。当Slick.js被禁用时,它可以正常工作。
您可以在此处查看实时示例:www.kcfeatures.com/services.html
这是一个有效的实例(slick.js被禁用):www.kcfeatures.com/services1.html
对于我的生活,我无法弄清楚如何让它发挥作用。我的猜测是它与光滑的轨道有关吗?由于光滑轨道div太宽,可能会弄乱灯箱的显示方式。 Lightbox通常也会从视口的最顶部开始,但启用了slick.js后,它会从顶部栏的下方开始,滑块将从此处开始。
非常感谢任何帮助或指导!
答案 0 :(得分:1)
即使我尝试实现类似的东西,但光滑的不允许我的清除灯箱工作。
建议/解决方法
尝试使用Foundation 5显示模态。
对包含大图像图像的每个缩略图图像都有单独的分区。调整代码以触发显示较大版本的每个缩略图的显示模式。但是,这不允许您像清除灯箱那样移动其他图像。 (你可以在你的揭密模式div中实现一个光滑的滑块来实现这一点。)
如何使用基础标签?
我看过你的网站,除了摄影,摄像和网页设计效果的幻灯片,没有必要特别需要光滑的使用。我相信你可以使用Foundation Tabs并实现相同的功能(使用清除灯箱现在非常容易)。如果您想要选项卡的动画,可以参考Jquery幻灯片动画并为选项卡实现相同的动画。您还可以使用this参考基础选项卡动画。