900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > jQuery图片预加载 等比缩放实现代码【jquery】

jQuery图片预加载 等比缩放实现代码【jquery】

时间:2022-08-28 06:47:56

相关推荐

jQuery图片预加载 等比缩放实现代码【jquery】

web前端|js教程

图片预加载

web前端-js教程

手游充值源码,vscode js环境搭建,ubuntu 不通网关,tomcat8设置,sqlite编辑器在哪里找,美国 爬虫,php虚拟主机 免费,seo企业关键词,视频解析网站源码最新,laytpl 模板 数字lzw

/*

* Image preload and auto zoom

* scaling 是否等比例自动缩放

* width 图片最大高

* height 图片最大宽

* loadpic 加载中的图片路径

* example $("*").LoadImage(true,w,h);

*/

jQuery.fn.LoadImage=function(scaling,width,height,loadpic){

if(loadpic==null)loadpic="../images/loading.jpg";

return this.each(function(){

var t=$(this);

var src=$(this).attr("src")

var img=new Image();

//alert("Loading...")

img.src=src;

//自动缩放图片

var autoScaling=function(){

if(scaling){

if(img.width>0 && img.height>0){

if(img.width/img.height>=width/height){

if(img.width>width){

t.width(width);

t.height((img.height*width)/img.width);

t.css("margin-top", (height-t.height())/2);

}else{

t.width(img.width);

t.height(img.height);

t.css("margin-top", (height-t.height())/2);

}

}

else{

if(img.height>height){

t.height(height);

t.width((img.width*height)/img.height);

t.css("margin-top", (height-t.height())/2);

}else{

t.width(img.width);

t.height(img.height);

t.css("margin-top", (height-t.height())/2);

}

}

}

}

}

//处理ff下会自动读取缓存图片

if(plete){

//alert("getToCache!");

autoScaling();

return;

}

$(this).attr("src","");

var loading=$("");

t.hide();

t.after(loading);

$(img).load(function(){

autoScaling();

loading.remove();

t.attr("src",this.src);

t.show();

//alert("finally!")

});

});

}

学校论坛源码手机,vscode如何批量替换,ubuntu网关配置,tomcat win7,网络数据库和sqlite,网络爬虫侵权行为起诉状,php 访客统计,三灶seo优化价格,jsp web的 网站源码,后台管理系统网站模板lzw

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。