javascript - EasyZoom - CSS 和标记上下文的问题

Question

看来我按照文档正确设置了所有内容。我没有收到 JavaScript 错误，并且在与 DOM 交互时可以看到标记更改。但是，当我将鼠标悬停在缩略图上时，我确实注意到，较大的图像保持在 0、0 的位置。当我删除 easyzoom.css 文件时，较大的图像将开始沿 Y 轴移动。我也很难让插件在演示中正常工作 - http://codepen.io/jurbank/pen/QbbyGv

基于上述问题，我如何让 EasySlider 如文档所示工作。

<div class="easyzoom">
<a href="http://i-like-robots.github.io/EasyZoom/example-images/1_zoom.jpg">
    <img src="http://i-like-robots.github.io/EasyZoom/example-images/1_standard.jpg" alt="" />
</a>

var $easyzoom = $('.easyzoom').easyZoom();
var api = $easyzoom.data('easyZoom');

Answer 1

您快到了，但您需要将该类添加到easyzoom--overlay该类的五个中easyzoom。

工作 CodePen，http: //codepen.io/anon/pen/OVVMOR