用于缩放和平移图像的Javascript

Question

我在项目中有一个要求，我正在研究一个JavaScript，它允许用户平移和放大和缩小大图像。

不幸的是，我使用JavaScript的经验有限。

有人知道哪个免费脚本会满足我的要求吗？

Answer 1

我认为有一个jquery ZoomImage插件可以很好地用于这种情况。代码的例子是here或here。

还有一个使用image

旁边的缩放工具栏

Answer 2

我不知道您是否能够使用jQuery或Prototype / Scriptaculous等任何库，这可能会增加您的可用选项。

那就是说，来自Todd Ditchendorf的这个样本非常酷，并且没有外部依赖性：

http://ditchnet.org/dhtmlgallery/izoom/

Answer 3

在这里查看SeaDragon AJAX：

http://livelabs.com/seadragon-ajax/

它与PhotoSynth中使用的“深度缩放”技术相同，但它完全在Javascript中完成。有一个预先构建的查看器控件，您可以将其嵌入页面中，并且还有一个用于创建多级图像的工具，因此您无需成为忍者Javascript编码器即可开始使用。这是100％的HTML和JS。

使用Silverlight查看器可以让您更轻松地进行缩放，但如果您的客户端是针对插件的，那么AJAX解决方案可能就是您的选择。

我希望这会有所帮助。

Answer 4

查看Shadowbox的示例。