如何實現這種縮放和縮小功能

Question

我希望有人可以指出我在正確的方向，以實現從Mozilla Firefox的這種效果，當點擊一個視頻縮略圖，因爲我也想實現這一點與照片作爲好，即請參見：>

http://en-gb.www.mozilla.com/en-GB/firefox/3.5.1/whatsnew/

，並單擊縮略圖播放按鈕。

謝謝。 Tony。

Answer 1

如果您使用的是jQuery，那麼有很多插件可以提供縮放樣式的拇指到全長的效果。例如fancybox（請參見this page上的第三個單個圖像示例）。

另外，如果你想要更多的控制，你可以自己構建的功能沒有太多精力：

1. 負載與ajax
2. 完整的圖像替換srcattribute您的縮略圖（確保其一個固定大小的）必要
3. 由animating執行變焦的寬度/高度（&位置）到最終圖像

的全尺寸

請注意，根據您顯示的內容（例如，如果您正在爲嵌入式Flash視頻執行此操作），您可能需要通過縮放縮略圖（或其他佔位符圖像）來切換2 & 3的順序， &然後交換最終的全尺寸內容。