Javascript jQuery图像扭曲脚本问题

Javascript jQuery图像扭曲脚本问题,javascript,jquery,html,warp,image-effects,Javascript,Jquery,Html,Warp,Image Effects,我目前正试图在我的网站上执行此操作。这似乎很容易,我已经调用了我的部分中的所有脚本,并在我想要的图像中调用了类。这是我的 请参阅下文,如果它有助于我在这里添加脚本文件,因为没有可用的https或cdn链接 /*imageWarp jQuery插件v1.01 *最后更新日期:2009年6月29日。此通知在使用时必须保持完整 *作者:动态驱动http://www.dynamicdrive.com/ *拜访http://www.dynamicdrive.com/ 获取完整的源代码 */ jQue

我目前正试图在我的网站上执行此操作。这似乎很容易,我已经调用了我的部分中的所有脚本,并在我想要的图像中调用了类。这是我的



请参阅下文,如果它有助于我在这里添加脚本文件,因为没有可用的https或cdn链接

/*imageWarp jQuery插件v1.01
*最后更新日期:2009年6月29日。此通知在使用时必须保持完整
*作者:动态驱动http://www.dynamicdrive.com/
*拜访http://www.dynamicdrive.com/ 获取完整的源代码
*/
jQuery.noConflict()
jQuery.imageWarp={
数据设置:{
warpfactor:1.5,//放大图像的默认增加因子
持续时间:1000,//动画的默认持续时间,以毫秒为单位
产能不足:[0.5,1],
扭曲不透明度:[0.1,0.5]
},
翘曲壳:[],
RefreshOffset:函数($target,warpshell){
var$offset=$target.offset()
warpshell.attrs.x=$offsets.left//更新原始图像相对于页面的x位置
warpshell.attrs.y=$offsets.top
warpshell.newattrs.x=warpshell.attrs.x-((warpshell.newattrs.w-warpshell.attrs.w)/2)//更新最终扭曲图像相对于页面的x位置
warpshell.newattrs.y=warpshell.attrs.y-((warpshell.newattrs.h-warpshell.attrs.h)/2)
},
addEffect:函数($,$目标,选项){
var setting={}//创建空白对象以存储组合设置
var setting=jQuery.extend(设置,this.dsettings,选项)
var effectpos=this.warpshells.length
var attrs={w:$target.outerWidth(),h:$target.outerHeight()}
var newattrs={w:Math.round(attrs.w*setting.warpfactor),h:Math.round(attrs.h*setting.warpfactor)}
var$clone=$target.clone().css({position:'absolute',left:0,top:0,visibility:'hidden',border:'1px solid gray',zIndex:1000})。appendTo(document.body)
$target.add($clone.data('pos',effectpos)//保存图像的位置
var$targetlink=$target.parents('a').eq(0)
this.warpshells.push({$clone:$clone,attrs:attrs,newattrs:newattrs,$link:($targetlink.length==1)?$targetlink:null})//还记得关于这个warp映像实例的信息吗
$target.单击(函数(e){
var$this=$(this.css({opacity:setting.imgocapacity[0]})
var imageinfo=jQuery.imageWarp.warpshells[$(this.data('pos')]
jQuery.imageWarp.refreshoffsets($this,imageinfo)//刷新原始图像和扭曲图像的偏移位置
如果(imageinfo.$link){
e、 预防默认值()
}
var$clone=imageinfo.$clone
$clone.stop().css({左:imageinfo.attrs.x,顶:imageinfo.attrs.y,宽:imageinfo.attrs.w,高:imageinfo.attrs.h,不透明度:setting.warppacity[0],可见性:'visible'})
.animate({opacity:setting.warppacity[1],左:imageinfo.newattrs.x,上:imageinfo.newattrs.y,宽:imageinfo.newattrs.w,高:imageinfo.newattrs.h},setting.duration,
函数(){//扭曲完成后回调函数
$clone.css({left:0,top:0,可见性:'hidden'})
$this.css({opacity:setting.imgocapacity[1]})
如果(imageinfo.$link){
window.location=imageinfo.$link.attr('href')
}			
})//结束动画
})//结束单击
}
};
jQuery.fn.imageWarp=函数(选项){
var$=jQuery
返回此.each(function(){//return jQuery obj
var$imgref=$(此)
如果(此.tagName!=“IMG”)
返回true//跳到下一个匹配的元素
if(parseInt($imgref.css('width'))>0&&parseInt($imgref.css('height'))>0){//if图像定义了显式的宽度/高度属性
jQuery.imageWarp.addEffect($,$imgref,选项)
}
否则,如果(this.complete){//说明IE没有启动image.onload
jQuery.imageWarp.addEffect($,$imgref,选项)
}
否则{
$(this.bind('load',function()){
jQuery.imageWarp.addEffect($,$imgref,选项)
})
}
})
};

jQuery(文档).ready(函数($){
$('img.imagewarp').imagewarp();
})

那么问题出在哪里?效果没有出现。最好在问题中这样说。