LBS功能:图片的自适应实现代码技巧

 Jyj中国设计秀

增加图片自适应屏幕的方法Jyj中国设计秀
Jyj中国设计秀
找到Common.js，添加 Jyj中国设计秀
function DrawImage(ImgD){Jyj中国设计秀
 var iWidth = screen.width * 0.5;Jyj中国设计秀
 var image=new Image();Jyj中国设计秀
 image.src=ImgD.src;Jyj中国设计秀
 if(image.width>0 && image.height>0){Jyj中国设计秀
 flag=true;Jyj中国设计秀
 if(image.width>=iWidth){Jyj中国设计秀
 ImgD.width=iWidth;Jyj中国设计秀
 ImgD.height=(image.height*iWidth)/image.width;Jyj中国设计秀
 }else{Jyj中国设计秀
 ImgD.width=image.width;Jyj中国设计秀
 ImgD.height=image.height;Jyj中国设计秀
 }Jyj中国设计秀
 }Jyj中国设计秀
} Jyj中国设计秀
这里var iWidth = screen.width * 0.5;是调整图象的最大输出宽度为屏幕分辨率的多少倍.Jyj中国设计秀
Jyj中国设计秀
更新 ubbcode.aspJyj中国设计秀
Jyj中国设计秀
找到第149行左右  var newStr='<div style="width: 100%;overflow-x : auto;"><a href="'+strURL+'" target="_blank"><img src="'+strURL+'" alt="'+strURL+'" " /></a></div>'; 改为Jyj中国设计秀
Jyj中国设计秀
1、有图片连接方式  var newStr='<a href="'+strURL+'" target="_blank"><img src="'+strURL+'" alt="'+strURL+'" onload="javascript:DrawImage(this);" /></a>'; Jyj中国设计秀
2、无图片连接方式  var newStr='<img src="'+strURL+'" alt="'+strURL+'" onload="javascript:DrawImage(this);" />';