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

时间:2011-10-24 18:38:20

标签: javascript jquery

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

http://jsfiddle.net/7HDbz/

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

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

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

1 个答案:

答案 0 :(得分:3)

您的第一个小提琴(非工作小提琴)的问题包括:

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

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