jq图片预加载+自动等比例缩放插件

《jq图片预加载+自动等比例缩放插件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、/***************图片预加载插件******************///作者：没剑(2008-06-23)///http://regedit.cnblogs.com///说明：在图片加载前显示一个加载标志，当图片下载完毕后显示图片出来可对图片进行是否自动缩放功能此插件使用时可让页面先加载，而图片后加载的方式，解决了平时使用时要在图片显示出来后才能进行缩放时撑大布局的问题///参数设置：scaling是否等比例自动缩放width图片最大高height图片最大宽loadpic加载中的图片路径*/jQuery.fn.LoadImage=function(scaling

2、,width,height,loadpic){if(loadpic==null)loadpic="load3.gif";returnthis.each(function(){vart=$(this);varsrc=$(this).attr("src")varimg=newImage();//alert("Loading")img.src=src;//自动缩放图片varautoScaling=function(){if(scaling){if(img.width>0&&img.height>0){if(img.width/img.height>=width/height){if(

3、img.width>width){t.width(width);t.height((img.height*width)/img.width);}else{t.width(img.width);t.height(img.height);}}else{if(img.height>height){t.height(height);t.width((img.width*height)/img.height);}else{t.width(img.width);t.height(img.height);}}}}}//处理ff下会自动读取缓存图片if(img.complete){//aler

4、t("getToCache!");autoScaling();return;}$(this).attr("src","");varloading=$("");t.hide();t.after(loading);$(img).load(function(){autoScaling();loading.remove();t.attr("src",this.src);t.show();//alert("finally!")});});}使用说明：$("divimg").LoadIma

5、ge(true,120,90);效果如下：文章来源:http://www.kki.cc