javascript - 用于缩放 div 的 jquery 缩放插件

Question

我一直在 Internet 上搜索一些 jquery 插件，让我可以缩放图像。

我找到了很多，以多种方式实现，我最喜欢的是那些在单独的区域缩放图像而不是直接缩放原始图像的方法。

例如 http://i-like-robots.github.io/EasyZoom/ (众多之一)

但是所有这些插件似乎都直接在 img 标签上工作，而不是我想用引用图像的 src 属性缩放一个 div。 (给出了 html 主要结构，所以我无法对其进行太多更改)。

你知道有什么插件可以做到吗？或者你知道我该怎么做吗？ (如果它也适用于 IE8-9 会更好，即使它不是必须的) 谢谢

Answer 1

使用Zoomooz plugins有免费且简单易用的

参见 Simple Zoom Demo with Zoomooz on jsfiddle

$("#zoom").click(function () {
    $(this).zoomTo({
        targetsize: 1.0,
        root: $(".container")
    });
});