打开APP
未登录
开通VIP,畅享免费电子书等14项超值服
开通VIP
首页
好书
留言交流
下载APP
联系客服
!!!!!JQUERY 图片自适应宽高
看见就非常
>《server》
2013.05.29
关注
<script type=
"text/javascript"
>
//自动适应宽,原版
$(
function
(){
var
maxwidth = 310;
var
html =
''
;
$(
'.prolistshowimg a img'
).html(html);
$(
".prolistshowimg a img"
).each(
function
(i){
var
proImg =
new
Image();
var
image = $(
this
);
//alert(this.src);
proImg.onload =
function
(){
if
(proImg.width > maxwidth ){image.width(maxwidth);}
}
proImg.src =
this
.src;
});
});
//自动适就宽高,改动
$(
function
(){
var
max_w=172;
var
max_h=113;
var
m1=max_w/max_h;
var
html =
''
;
$(
".proListShow"
).html(html);
$(
".proListShow"
).each(
function
(i){
var
proImg =
new
Image();
var
image = $(
this
);
//alert(this.src);
proImg.onload =
function
(){
var
m2 = proImg.width/proImg.height;
if
(m2 > m1){
image.width(max_w);
}
else
{
image.height(max_h);
}
}
proImg.src =
this
.src;
});
});
</script>
1、自适应宽:
[html]
view plain
copy
<
div
class
=
"prolistshowimg"
>
<
a
href
=
"#"
>
<
img
src
=
"abc.jpg"
/>
</
a
>
</
div
>
2、自适应宽高:
[html]
view plain
copy
<
img
src
=
"abc.jpg"
class
=
"proListShow"
/>
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请
点击举报
。
打开APP,阅读全文并永久保存
查看更多类似文章
猜你喜欢
类似文章
经验分享:10个简单实用的 jQuery 代码片段
基于jquery的防止大图片撑破页面的实现代码(立即缩放)
H5调用本地摄像头
动态生成HTML表单
jquery在线预览PDF文件,打开PDF文件
Ajax 运用 Deferred异步处理
更多类似文章 >>
生活服务
热点新闻
留言交流
回顶部
联系我们
分享
收藏
点击这里,查看已保存的文章
导长图
关注
一键复制
下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!
联系客服
微信登录中...
请勿关闭此页面
先别划走!
送你5元优惠券,购买VIP限时立减!
5
元
优惠券
优惠券还有
10:00
过期
马上使用
×