ElevateZoom具有光滑的滑块问题

Question

我正在使用带有elev​​ateZoom jquery插件的光滑滑块来显示内部缩放。我有一个小问题缩放容器divs显示缩放隐藏的幻灯片，所以用户没有选项阅读选择背后的选项。以下是更好解释和website link

的屏幕截图

Answer 1

我刚刚访问了your site，似乎问题已经解决了。

无论如何，我今天早上在处理项目时遇到了这个问题。在花了几个小时尝试我在互联网上发现的各种黑客之后，没有什么真正有效。

最后，我想出了自己的黑客：

nullptr

基本的想法是让所有不活动的光滑幻灯片都有// Here is the trick, written in LESS: // In real code, this should be scoped further // to the slick instance that you want to apply this trick on. .slick-slide { img { width: 0 !important; height: 0 !important; display: none !important; } } .slick-current, .slick-active { img { width: auto !important; height: auto !important; display: block !important; } } ，这样鼠标悬停在它上面就不会激活elevateZoom。

我真的不知道为什么，当在浮油上应用elevateZoom时，我们可以将鼠标悬停在视图外的幻灯片上 - 通常只有一个光滑的设置，这个问题不会发生。

当前活跃的光滑幻灯片正常display: none;，一切正常。

Here is the demo