这个放大图片库是如何创建的?

时间:2013-05-30 19:23:57

标签: jquery plugins gallery zoom deepzoom

偶然发现重新设计的rijks博物馆网站,他们在这里有一些惊人的功能。一个特别是图像缩放。我喜欢为我的一个项目做这样的事情,但似乎无法解剖它。

有关他们如何使用或使用了什么插件的任何想法?非常感谢任何见解。

https://www.rijksmuseum.nl/en/explore-the-collection/overview/rembrandt-harmensz-van-rijn/objects#/SK-C-597,3

https://www.rijksmuseum.nl

谢谢! 丹尼

2 个答案:

答案 0 :(得分:0)

有多个jquery库/插件可以帮助您实现相同的目标。

您可以查看此post

答案 1 :(得分:0)

大多数(如果不是全部)JQuery图像缩放库在后台加载一个额外的大图像,并在悬停时显示它的一小部分。这不能很好地扩展 - 如果你想放大非常接近,你需要预先加载一个百万像素的图像。

Rijksmuseum(以及aforementioned JSfiddle)的作用有时被称为深度缩放:它将在线地图导航(例如GoogleMaps)的概念应用于非地理图像

不幸的是,这种方法需要一些额外的工作:原始图像需要事先分成不同缩放级别的图块,然后这些文件需要与像素坐标系相关联。请参阅a script-based approach with Leaflet.js的此说明。