Jquery缩放插件来缩放div

时间:2013-08-07 20:14:13

标签: javascript jquery html5 css3 zoom

我一直在互联网上搜索一个jquery插件,让我可以缩放图像。

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

ex http://i-like-robots.github.io/EasyZoom/(其中之一)

但是所有这些插件似乎都直接在img标签上工作,而我想用src属性缩放div来引用图像。 (给出了html主结构,所以我无法改变它。)

你知道任何插件吗?或者你知道我怎么做吗? (如果在IE8-9中工作也会更好,即使它不是必须的) 感谢

4 个答案:

答案 0 :(得分:3)

使用Zoomooz plugins免费且易于使用

请参阅Simple Zoom Demo with Zoomooz on jsfiddle

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

答案 1 :(得分:1)

我认为zoomooz会做你想要的。 http://jaukia.github.io/zoomooz/

答案 2 :(得分:1)

这里有一些jQuery插件列表试试吧。

http://kvcodes.com/2014/02/jquery-plugins-for-containerdiv-zoom/

答案 3 :(得分:0)

Panzoom也可以这样做。试一试。