ElevateZoom与滑动滑块问题

Question

我使用滑动滑块与elevateZoom jquery插件显示内部缩放。我有一个小问题缩放容器div隐藏幻灯片显示缩放，因此用户没有选择阅读选择背后的选项。下面是截图更好地解释和website link

Answer 1

我刚刚访问了your site，而且好像问题已经以某种方式固定。

无论如何，今天早上我刚刚在我的项目上工作时遇到了这个问题。花了几个小时尝试我在互联网上发现的各种黑客攻击后，没有任何工作。

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

// 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; 
    } 
} 

的基本思路是把所有漂亮的幻灯片不活动的有display: none;，使鼠标悬停在不激活elevateZoom。

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

正常情况下，当前活动的滑动滑片将具有display:block;，并且一切正常。

Here is the demo