图片缩放效果使用云缩放jQuery插件

Image Zoom effect using Cloud Zoom jQuery plugin

本文关键字：缩放 jQuery 插件      更新时间：2023-09-26

我正在尝试在单个图像上应用云缩放，如下图所示

http://jsfiddle.net/7HDbz/

但它似乎不起作用。谁来看看这个。下面是另一个工作效果

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

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

第一把小提琴(不工作的那把)的问题包括:

  • <a>标签上的src和class属性之间没有空格
  • 使用'单引号代替"双引号构建<a>标签
  • 应该使用attr的地方使用prop。前者仅用于值无关的属性，如disabled。
    • 一般提示:使用有意义的变量名——例如，使用src作为图像源，而不是x(这可能意味着任何东西，实际上暗示一个数字)一般提示:您应该避免有多个$(this)调用。相反，应该设置一个局部变量$this，如下所示

更正后的版本:http://jsfiddle.net/6dR2k/.

相关文章：