javascript - 集成 Owl Carousel + easyzoom

我正在尝试将owl2轮播与easyzoom（http://i-like-robots.github.io/EasyZoom/）一起使用

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

在第一个示例中，只有easyzoom。在图像上的鼠标悬停时，光标更改，加载了缩放图像，然后我就可以继续移动。这是我想要得到的结果。

在第二个中，有基本的猫头鹰轮播代码+简易缩放。在鼠标悬停时，更改了光标，加载了缩放图像，但是我无法在缩放图像上移动，因此总是处于拉伸状态。

我认为猫头鹰轮播始终会强制图像的尺寸，因此没有缩放效果。有人知道如何解决此问题吗？

最佳答案

我遇到了同样的问题，但是我认为我正在使用另一个轮播。

我通过在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;
}

最好，
埃德

编辑

刚刚检查了您的代码，并像这样解决了：

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