jquery设置图片等比缩放取中间 - Jquery - 软件开发资源站

首页 > 网页特效 > Jquery > jquery设置图片等比缩放取中间

jquery设置图片等比缩放取中间
类别：Jquery 作者：码皇来源：互联网点击：

ow aspx?id=722 jquery设置图片等比缩放取中间 view sourceprint?01function setImgSizeLoad(e){02var img = $(e);03var div = $("div div");04img parent() append(div);05div append(e);06 获取限制容 ,魔客吧

ow.aspx?id=722

jquery设置图片等比缩放取中间

jquery设置图片等比缩放取中间

view sourceprint?

`01`	`function` `setImgSizeLoad(e){`

`02`	`var` `img = $(e);`

`03`	`var` `div = $("<div></div>");`

`04`	`img.parent().append(div);`

`05`	`div.append(e);`

`06`	`//获取限制容器的长宽。`

`07`	`var` `maxWidth = img.parent().parent().width();`

`08`	`if(maxWidth == 0){`

`09`	`maxWidth = img.width();`

10 }

`11`	`var` `maxHeight = img.parent().parent().height();`

`12`	`if(maxHeight == 0){`

`13`	`maxHeight = img.height();`

14 }

15

`16`	`//设置容器的长宽。和样式`

`17`	`div.width(maxWidth+"px");`

`18`	`div.height(maxHeight+"px");`

`19`	`div.css("overflow","hidden");`

`20`	`div.css("background-color","gray");`

`21`	`//解除图片的长宽限制`

`22`	`img.height("auto");`

`23`	`img.width("auto");`

`24`	`var` `imgWidth = img.height();`

`25`	`var` `imgHeight = img.height();`

`26`	`//如果图片的长和宽大于现在的长宽就进行缩放`

`27`	`if(img.width() > maxWidth && img.height() > maxHeight){`

`28`	`img.width(maxWidth+"px");`

`29`	`if(img.height() < maxHeight){`

`30`	`img.width("auto");`

`31`	`img.height(maxHeight+"px");`

32 }

33 }

`34`	`img.css("margin-left",(maxWidth - img.width())/2 +"px");`

`35`	`img.css("margin-top",(maxHeight - img.height())/2 +"px");`

36 }

37

`38`	`function` `setImgSize(e){`

`39`	`var` `timer = setInterval(function(){`

`40`	`if(e.complete){`

`41`	`setImgSizeLoad(e)`

`42`	`clearInterval(timer);`

43 }else{

`44`	`alert("aaaa");`

45 }

46 },50)

47 };

相关热词搜索： jquery设置图片等比缩放取中间

上一篇：Jquery让IE6支持PNG透明背景图片插件详解
下一篇：jquery.masonry瀑布流插件的4个使用步骤

jquery设置图片等比缩放取中间 类别：Jquery 作者：码皇 来源：互联网 点击：

jquery设置图片等比缩放取中间
类别：Jquery 作者：码皇来源：互联网点击：