大多数人要实现图片缩放,都是在<img>里添加onload事件。 W3C Xhtml1.0 标准里,<img>没有onload,所以凡是在<IMG>里添加ONLOAD事件的,将不能通过XHTML验证。 可以使用单独的JS函数,在<BODY>的ONLOAD里调用,来实现图片缩放。飞飞Asp技术乐!园 JS代码:
以下是代码片段: function imgfixlen() { obj=document.getElementsByTagName("img"); for(i=0;i<obj.length;i++) { if(obj[i].className=="futu") { if(obj[i].width>400) obj[i].width=400; if(obj[i].height>200) obj[i].height=200; } }
} |
Html代码:
以下是代码片段: <body onload="imgfixlen()">
<script>window.onload=function(){imgfixlen()}</script> |
Img标记:
<img src="图片URL" alt="图片说明" class="futu" />
记得在UBB代码的[IMG]正则表达式中,加上class="futu"
|