使用Cloud Zoom jQuery插件进行图像缩放效果

Question

我正在尝试在单个图像上应用云缩放，如下面的小提琴

http://jsfiddle.net/7HDbz/

但它似乎没有起作用。有人看看这个。 这是工作效果的另一个小提琴

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

最初的插件使用情况是...... http://www.professorcloud.com/mainsite/cloud-zoom.htm

Answer 1

您的第一个小提琴（非工作小提琴）的问题包括：

• src标记上的class和<a>属性之间没有空格
• 使用'单引号代替"双引号构建<a>代码
• 使用prop时应使用attr。前者仅适用于值无关的属性，例如disabled。
• 一般提示：使用有意义的变量名称 - 例如使用src代替x代替$(this)（这可能意味着什么，实际上是一个数字）
• 一般提示：您应该避免多次$this次呼叫。相反，如图所示设置局部变量{{1}}

以下是工作更正版本：http://jsfiddle.net/6dR2k/。