整合owl carousel + easyzoom

Question

我正在尝试使用带有easyzoom（http://i-like-robots.github.io/EasyZoom/）

的owl2轮播

在此页面中，您可以找到结果http://www.youdev.net/example/owl-easyzoom.html

在第一个例子中，只有easyzoom。在鼠标悬停在图像中时，光标变化，加载缩放图像，我可以在其上移动。这是我想要的结果。

在第二个中，有基本的猫头鹰旋转木马代码+轻松缩放。在鼠标悬停时，coursour更改，缩放图像被加载但我无法在缩放图像上移动，它总是拉伸。

我认为猫头鹰旋转木马总是强制图像的尺寸，因此没有缩放效果。有人知道如何解决这个问题吗？

Answer 1

我遇到了同样的问题，但我想我正在使用另一个旋转木马。

通过在width: auto;中为.easyzoom img和.easyzoom.is-ready img添加easyzoom.css来解决问题：

.easyzoom img {
    vertical-align: bottom;
    width: auto;
}

.easyzoom.is-ready img {
    cursor: crosshair;
    width: auto;
}

最佳， Eder的

修改

刚刚检查了你的代码，并解决了这样的问题：

.easyzoom img {
    display: block;
    width: auto !important;
}