Cabel 的 FancyZoom
Panic 的 Cabel Sasser 提供了一個套件 FancyZoom，透過這個 Javascript 讓您可以漂亮地縮放頁面上的影像，本來他是用在自己的部落格上，後來在 Panic 網站 (如 Coda) 的頁面上也用在軟體畫面的展示，現在經過 Cabel 修改並解決一些問題，您也可以用於自己的網站上。
FancyZoom 的訴求是用來直接在頁面上檢視完整大小的相片或影像，而無須另外開啟或載入一個頁面，提供了流暢、乾淨且 Mac 樣式的效果。雖然使用者還有其他的選擇 (如 Lightbox)，不過 Cabel 提到了 FancyZoom 的幾個特點：訴求流暢的縮放效果、自動調整影像，無須更改 HTML、預先在背景載入影像、不耗用過度的資源...
Focused on the smoothest, most polished zooming animation possible Automatically scales images from any image link, with no HTML changes Preloads full-size images in the background on link mouseover No resource-heavy Javascript libraries — 100% coded from scratch to zoom Draws a nice drop shadow under the full-size image to offset it from the page Uses Safari 3's "box-shadow" feature to draw the drop shadow natively, no images required Requires only two new lines of code in your HTML Tested and works with Safari, Firefox, IE7, and IE6. (Looks better in modern browsers.)
若您有興趣的話，可以依照 Cabel 在頁面上的說明，來嘗試並實作看看！您也可以看看我們在此頁中提供的例子或其部落格上的例子。FancyZoom 可供使用者用於非商業性的網站，若是用於商業網站，授權價格為 $39 美元。
link: FancyZoom 1.1 (by Cabel Sasser)
Comments
Posted by: Elaine on February 11, 2008 3:32 PM