項目研究 - 可縮放，可滾動，可放大的高分辨率圖像

Question

我在開始一個項目之前正在做一些研究，並且我想知道在開始之前怎麼做這個項目的最佳方法。任何幫助我都會很感激，如果有必要，我很樂意提供更多信息。

基本上，我會得到一些極高分辨率的圖像顯示給用戶。我想要創建一個界面，用戶可以滾動圖片並放大圖片，也可以將鼠標懸停在圖片的某些部分上，並接收有關該特定位置的某些信息。另外，我真的很喜歡它，如果我可以在不使用Flash的情況下做到這一點，兩者都是因爲我不喜歡Flash，因爲它不適用於智能設備。

下面是我正在尋找的zooming capability的一個示例，這裏是我尋找的hover capability的一個示例（對不起，它們都是聖經手稿，並不意味着要對你們全部信仰） ，這些是我能找到的最好的例子！）

總之，到目前爲止我發現this spiffy script進行縮放，但我還沒有發現任何的徘徊，但（的另一個例子就是我正在尋找的是一樣的東西當你在臉書上標註某人的照片時 - 如果你懸停在臉上，他們的名字就會彈出）。爲了讓事情變得更加困難，我必須弄清楚如何讓它們變得更好，因此放大並不會破壞懸停功能。

所以我的問題是......有沒有人有這樣的經驗的任何經驗？你對項目有什麼建議嗎（開源是遠遠優選的），允許這種事情？我真的很感激任何幫助你罰款的人可以給我！之後我會發布我的發現和代碼。

Answer 1

我認爲谷歌地圖背後的技術（以及其他類似的技術）將是一條可行的路。藉助Google Maps API，您可以使用自己的自定義地圖塊代替地圖圖塊。然後，您可以在地圖上設置邊界，以阻止用戶從可用圖像導航。最後，您可以使用API​​在「地圖」上指定多邊形的座標。這些多邊形非常棒，因爲您可以使用懸停/點擊事件來提供您所需的功能。

一個很好的文章中，我就類似於你在做什麼東西后發現可以在這裏找到：http://forevermore.net/articles/photo-zoom/

希望這提供了一些方向和聽起來像一個有趣的項目，你即將踏上:)