0

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

关于他们是如何做到的或使用了什么插件的任何想法?将不胜感激任何见解。

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

https://www.rijksmuseum.nl

谢谢!丹尼

4

2 回答 2

0

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

你可以看看这个帖子

于 2013-05-30T19:27:21.907 回答
0

大多数(如果不是全部)JQuery 图像缩放库会在背景中加载额外的大图像,并在悬停时显示其中的一小部分。这不能很好地缩放——如果你想放大得很近,你需要预加载一个数百万像素的图像。

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

不幸的是,这种方法需要一些额外的工作:原始图像需要预先分割成不同缩放级别的图块,然后这些文件需要与像素坐标系相关联。有关使用 Leaflet.js 的基于脚本的方法,请参阅此说明。

于 2013-08-16T09:18:13.970 回答