jQuery - 将图像缩放到指定位置

时间:2012-06-20 14:10:05

标签: jquery image position zoom pan

这是我的要求:我有一个应该显示图像(JPEG)的DIV。当页面被渲染时,该div应该将具有指定缩放系数的图像显示到图片上的指定位置(点)。图片应放在此DIV内(不能超过DIV边距)。在此DIV上,图像可以(在此初始缩放之后)移动/平移(通过鼠标或滚动条)并放大和缩小(通过鼠标滚轮,按钮,滑块或任何方法)。在某些事件中,DIV应显示(聚焦)图像的另一个点(相同或其他缩放因子)。在某些事件中,图像会发生变化。当焦点从一个点切换到另一个点(但在同一页面上)时,我不想重新加载图片,以防图像源发生变化。

我在这里发现了类似的东西,但不太符合我的要求: http://www.htmldrive.net/items/show/394/JQuery.iviewer-zoom-image-and-to-drag-effect

我提到我是javascript的新手,对任何部分要求的任何帮助都非常受欢迎。如果您知道可以执行此操作的(免费)插件,请告诉我们。

感谢您在宝贵时间提出我的问题

1 个答案:

答案 0 :(得分:0)

仔细观察上面提到的IVIEWER插件后,我发现它还包含一个moveTo方法,可以将图像定位在指定点,因此IVIEWER包含了我的所有要求。

相关问题