這個放大圖像庫是如何創建的？

在重新設計的rijks博物館網站上發生故障，他們在這裏獲得了一些驚人的功能。其中一個特別是圖像縮放。我喜歡爲我的一個項目做這樣的事情，但似乎無法剖析它。這個放大圖像庫是如何創建的？

關於他們如何做或使用什麼插件的想法？將不勝感激任何見解。

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

https://www.rijksmuseum.nl

謝謝！ Danny

來源

2013-05-30 Danny Lewandowski

有多個jQuery庫/插件可以幫助您實現相同。

你可以看一下這個post

來源

2013-05-30 19:27:21 karthikr

謝謝！偉大的聯繫。其中大部分是放大懸停和只有一小部分圖像。我認爲他們使用帶有圖像疊加層的[leafletjs]（http://www.leafletjs.com）。發現的jsfiddle被重新創建它很好：[jsfiddle.net/tDGXr/](http://jsfiddle.net/tDGXr/）。 –

很多網站使用的壓縮工具，這使得它很難搞清楚究竟使用的庫..但我猜的理念是相同的。祝你好運 – karthikr

大多數，如果不是所有的JQuery的圖像縮放庫在後臺加載額外的，大的圖像和並在懸停顯示它的一小部分。這不能很好地擴展 - 如果你想放大非常近，你需要預先加載一個數百萬像素的圖像。

什麼國家博物館（以及所述aforementioned JSfiddle）確實是有時被稱爲深變焦：適用在線地圖導航（例如谷歌地圖）的非地理圖像的概念。

不幸的是，這種方法需要一些額外的工作：原始圖像必須在不同的縮放級別事先分成瓦片，而這些文件，那麼需要關聯到像素座標系。請參閱a script-based approach with Leaflet.js的說明。

來源

2013-08-16 09:18:13

這個放大圖像庫是如何創建的？

回答

相關問題