图片自动缩放篇

2006-01-07 11:31:11

LBS^2 [2.0.304]下实现图片自动缩放 1、原来我是用JS的方法,定义"ReImgSize()"事件,然后<body onload="ReImgSize()">这样来实现图片自动缩小的。这个方法要感谢舜子,他的PL-BLOG2 现在也成为了一个很优秀的个人BLOG。 将这段代码添加到common.js中: JS //查找网页内宽度太大的图片进行缩放 function ReImgSize(){ for (i=0;i<document.images.length;i++) { if (document.images[i].width>700) { document.images[i].width="700" } } } function isIE(){ if (navigator.appName!="Microsoft Internet Explorer") {return false} return true } function TopicShow(e,TopicID){ e.className=(e.className=="BttnC")?"BttnE":"BttnC" document.getElementById(TopicID).style.display=(e.className=="BttnC")?"":"none" } 然后在global.asp中,修改下面xHTML部分。搞定! xHTML <body onload="ReImgSize()"> 2、下面这个方法是依靠LBS本身,而不借助第三方。这个方法的总结要感谢netmouse ,我这里借花献佛,把两种整理到一起介绍个大家。 在class目录下ubbcode.asp第132行把 <div style="width: 100%;overflow-x : auto;"><a href="'+strURL+'" target="_blank"><img src="'+strURL+'" alt="'+strURL+'" /></a></div> 改为 <div style="width: 100%;"><a href="'+strURL+'" target="_blank"><img src="'+strURL+'" onload="javascript:if(this.width>500)this.width=500;" alt="如果图片缩小请点击放大" /></a></div> 其中 if(this.width>500)this.width=500 如果图片大于500宽则自动调整为500 这个不用我多说了 this.width=500为你能接受的图片宽度大小. alt为鼠标悬停时的说明文字. 备注:实际发现如果在alt后面写中文注释的话,出来的是一个像“W”样的东西,所以建议用英文。如果您用的是“B3'S Skin”,也就是本站的皮肤样式的话,图片宽度可以设置为700,因为我比较喜欢给人一个大的更全面的视觉感受。 丰俭由人,呵呵。 // 以下转自蓝色天空 http://www.bsky2.com/modules/newbb/print.php?form=2&forum=11&topic_id=2149&post_id=2307 <script language="JavaScript"> <!-- var flag=false; function DrawImage(ImgD){ var image=new Image(); image.src=ImgD.src; if(image.width>0 && image.height>0){ flag=true; if(image.width/image.height>= 200/160){ if(image.width>200){ ImgD.width=200; ImgD.height=(image.height*200)/image.width; }else{ ImgD.width=image.width; ImgD.height=image.height; } } else{ if(image.height>160){ ImgD.height=160; ImgD.width=(image.width*160)/image.height; }else{ ImgD.width=image.width; ImgD.height=image.height; } } } } //--> </script> 在body中引用: <img src="图片名.jpg" onload="javascript:DrawImage(this);">