欢迎大家加入创想工作室QQ群 网络瘫痪上不了网?电脑出故障?找破解软件?加入创想工作室QQ群,向大神求助,一步解决问题!QQ群号码:326338868[点此获取更多QQ群]
前端设计师在设计网页的时候,常会遇到因图片尺寸超过模板网页的宽度影响整体美观的情况,这篇文章就为大家分享一下解决办法,顺便还加上了图片可以新窗口打开(即使你没有加上超链接。)
 
好了,不多说了,直接上主要代码。
 
$(document).ready(function(e) {
$.each($("#content img"),function(){//把“content”修改为内容页显示内容的DIV的ID属性值
var image=new Image();
image.src=$(this).attr('src');
if(image.width>0 && image.height>0){ 
if(image.width>=620){//三处“620”修改为需要等比例缩小的最大图片宽度
$(this).attr('width',620);
$(this).attr('height',(image.height*620)/image.width);
}
}});
 
 
var ImgsTObj = $('#content img');
if(ImgsTObj){
$.each(ImgsTObj,function(){
$(this).click(function(){
window.open("https://www.22ba.com"+$(this).attr('src'),"_blank");
});
});
}
 
});
 
 
另外记得要引用jquery核心文件。
 

© copyright 2002-2024, 22BA.COM All Rights Reserved

网站备案号:粤ICP备19114910号

ChuangXiang Design Studio - WebDesign & Internet Marketing

关于我们业务范围联系我们开心一刻网站地图

QQ群一:326338868QQ群二:78712271

QQ群三:193078177

邮箱:news@22ba.com

地址:深圳市福田区金田路现代国际大厦2606