2010-04-28 34 views
4

我想在html页面的视口内显示巨大的图像。我希望能够将图像拖放到视口中,就像在Google地图中一样。使用Javascript放大的图像视口

任何图书馆,我可以找到这样的组件?

在此先感谢

+1

杜佩。检查http://stackoverflow.com/questions/1763203/turning-a-div-into-a-click-and-drag-viewport – 2010-04-28 11:59:11

+0

谢谢,我没有找到它第一次,当我试图找到愚蠢。 – pakore 2010-04-28 12:21:23

回答

1

您可能可以使用SeaDragon。技术和界面工作得很好。按照developer link有很多选择。

+0

有没有什么办法可以避免使用.dzi文件并直接使用.jpg文件?这个工具看起来非常好,但使用.dzi的事实令人讨厌:( – pakore 2010-04-28 12:41:59

+0

@pakore:同意。他们的实现很好,但我从来没有超越将jpg放在他们的服务器上,然后将它们嵌入到页面中。 - 但是在其他答案中建议的解决方案可能会更好地满足您的需求 – brainjam 2010-04-28 14:18:50

-1

您可以尝试使用简单的JavaScript窗口对象(如鼠标指针定位器),然后使用它来更改图像的背景位置,该位置将作为放大图像。 这里是完整的教程:http://www.hklabs.org/articles/image_zooming_with_javascript

+0

与其要求我们点击您的博客文章,您能否在您的答案中发布相关信息?包含。 – 2013-09-30 20:02:35

+1

LInk不再有效。 – mmcglynn 2015-06-08 11:45:03