使用Cloud Zoom jQuery插件的圖像縮放效果

Question

我正在嘗試在單個圖像上應用雲縮放，如下面的小提琴中所示

http://jsfiddle.net/7HDbz/

但這似乎不起作用。 有人看看這個。 這是另一個具有工作效果的小提琴

http://jsfiddle.net/tuHuZ/1/

原始的插件用法在這里。... http://www.professorcloud.com/mainsite/cloud-zoom.htm

Answer 1

您的第一個小提琴（無效的）的問題包括：

• <a>標記上的src和class屬性之間沒有空格
• 使用'單引號代替"雙引號來構造<a>標記
• 在應使用attr地方使用prop 。 前者僅適用於值無關的屬性，例如disabled 。
• 一般提示：使用有意義的變量名稱-例如，將src用作圖像源，而不是x （這可能表示任何含義，並且實際上表示一個數字）
• 一般提示：您應該避免有多個$(this)調用。 而是設置一個局部變量$this ，如圖所示

這是工作正常的版本： http : //jsfiddle.net/6dR2k/ 。