增加图片自适应屏幕的方法
找到Common.js，添加
function DrawImage(ImgD){
var iWidth = screen.width * 0.5;
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
flag=true;
if(image.width>=iWidth){
ImgD.width=iWidth;
ImgD.height=(image.height*iWidth)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
}
这里var iWidth = screen.width * 0.5;是调整图象的最大输出宽度为屏幕分辨率的多少倍.
更新 ubbcode.asp找到第149行左右 var newStr='<div style="width: 100%;overflow-x : auto;"><a href="'+strURL+'" target="_blank"><img src="'+strURL+'" alt="'+strURL+'" /" /></a></div>';改为
1、有图片连接方式 var newStr='<a href="'+strURL+'" target="_blank"><img src="'+strURL+'" alt="'+strURL+'" onload=/"javascript:DrawImage(this);/" /></a>'; webjx.com
2、无图片连接方式 var newStr='<img src="'+strURL+'" alt="'+strURL+'" onload=/"javascript:DrawImage(this);/" />';
我选的是第二种无图片的连接方式.
为了实现一叶千鸟的那种图片显示效果(图片自动添加边框，无链接效果).我在img标签里写了一些CSS属性.
var newStr='<img
style="border:1px solid #333333" src="'+strURL+'" alt="'+strURL+'" onload=/"javascript:DrawImage(this);/" />';
红色部分就是添加的CSS.
上一篇： 给zblog加上运行代码功能
下一篇：LBS增加引用地址和永久地址点击复制功能
