偶然发现重新设计的rijks博物馆网站,他们在这里有一些惊人的功能。一个特别是图像缩放。我喜欢为我的一个项目做这样的事情,但似乎无法解剖它。
有关他们如何使用或使用了什么插件的任何想法?非常感谢任何见解。
谢谢! 丹尼
答案 0 :(得分:0)
有多个jquery库/插件可以帮助您实现相同的目标。
您可以查看此post
答案 1 :(得分:0)
大多数(如果不是全部)JQuery图像缩放库在后台加载一个额外的大图像,并在悬停时显示它的一小部分。这不能很好地扩展 - 如果你想放大非常接近,你需要预先加载一个百万像素的图像。
Rijksmuseum(以及aforementioned JSfiddle)的作用有时被称为深度缩放:它将在线地图导航(例如GoogleMaps)的概念应用于非地理图像
不幸的是,这种方法需要一些额外的工作:原始图像需要事先分成不同缩放级别的图块,然后这些文件需要与像素坐标系相关联。请参阅a script-based approach with Leaflet.js的此说明。