簡體   English   中英

如何創建此放大圖片庫?

[英]How is this zoom-in image gallery created?

在重新設計的國家博物館博物館遺址上偶然發現,這里有一些驚人的功能。 一種特別是圖像縮放。 很樂意為我的一個項目做這樣的事情,但似乎無法剖析。

關於它們如何使用或使用了什么插件的任何想法? 將不勝感激任何見識。

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

https://www.rijksmuseum.nl

謝謝! 丹尼

有多個jquery庫/插件可以幫助您實現相同的目標。

你可以看一下這篇文章

大多數(如果不是全部)JQuery圖像縮放庫會在后台加載額外的大圖像,並在懸停時顯示一小部分。 這不能很好地縮放-如果您想非常近地放大,則需要預加載幾百萬像素的圖像。

阿姆斯特丹國家博物館(以及前面提到的JSfiddle )所做的工作有時被稱為深度縮放 :它將在線地圖導航(例如GoogleMaps)的概念應用於非地理圖像。

不幸的是,此方法需要做一些額外的工作:原始圖像需要事先分成不同縮放級別的圖塊,然后將這些文件與像素坐標系關聯。 有關使用Leaflet.js的基於腳本的方法,請參閱此說明。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM