仅缩放图像JQuery的单击部分

时间:2014-01-22 05:32:25

标签: javascript jquery css jquery-plugins imageview

我正在尝试使用JQuery来获得图像缩放效果。

我只有一张分辨率更高的图像,当我点击该图像的任何部分时,我想获得该部分的缩放视图。

例如,我有一个计算机显示器图像。现在,如果我单击图像上的显示器按钮,按钮应该被缩放。

我试过用这个 http://jaukia.github.io/zoomooz/但它正在缩放整个元素。

我该怎么做?有可用的JQuery个插件吗?

4 个答案:

答案 0 :(得分:3)

也许这更像是你在寻找什么? http://www.jacklmoore.com/zoom/

答案 1 :(得分:2)

例如,我有一个计算机显示器图像。如果我单击图像上的显示器按钮, 按钮应该缩放。

使用zoomooz插件无法获取/实现此类功能。它会缩放容器中的整个元素。

根据您的要求,有许多插件:

1)http://www.jacklmoore.com/zoom/

2)http://plugins.jquery.com/tag/zoom/ multiple jquery plugins are here

3)http://www.elevateweb.co.uk/image-zoom

答案 2 :(得分:1)

试试这个jqzoom 但它放大了悬停

jQuery zoom plugins

答案 3 :(得分:0)

zoom.js也是一个不错的选择。这是该插件的demo

如果您对此感兴趣,请source code