如何在圖像變焦時進行變焦？

Question

我正在嘗試製作放大圖像的腳本。這是網頁：

http://vermilionsite.com/phone/?id=1

點擊第一個選項，然後選擇一種顏色，然後鼠標懸停圖像。它使用原始圖像。我怎樣才能使變焦使用新的彩色圖像？

Answer 1

你剛剛添加了一個帶有圖像背景的div，而原來的縮放圖片的鼠標疊加功能將'bg-iphone.png'背景放在疊加層中，因此邏輯有點有缺陷，因爲您還需要在原始div上使用相同顏色的另一個背景圖像，以便使用相同顏色修改bg-iphone.png。我想你可以修改返回你的顏色疊加的腳本，以返回一個修改後的圖像，並將圖像的背景從bg-iphone.png更改爲與疊加層顏色相同的png。

或者你可以有三個你需要的顏色相同的修改PNG，這將改變選擇功能中的背景圖像。

希望這會有所幫助。

Answer 2

使用這個http://www.userdot.net/files/jquery/jquery.loupe/demo/