如何检测内容中的图片
比如发布的内容(Html代码):
<P align=center> <IMG style= "WIDTH: 388px; HEIGHT: 342px " height=399 src= "http://bbspic.bokee.com/forumDate/259/9cb1d5dc6908315176b2cd2833887ddc2297.jpg " width=560>
<P align=center> <FONT style= "FONT-SIZE: 20px; FONT-FAMILY: 幼圆 " color=#990000> <STRONG> <IMG src= "http://bbspic.bokee.com/forumDate/259/66290656a3ada0bc4e8c3d1590865eb32298.jpg "> </STRONG> </FONT> </P>
<P align=center> <FONT style= "FONT-SIZE: 20px; FONT-FAMILY: 幼圆 " color=#990000> <STRONG> 六一儿童节,多少孩子在哭泣? </STRONG> </FONT> </P>
有如下两个问题:
1、其中有两张图片,如何在显示的时候让这两张图片宽度小于500,就不自动缩小,大于500才自动缩小
2、网页中还有其它图片,怎么区分开来
如下的代码好像没什么用,不知道怎么改才能完全符合我的要求(不怎么懂javascript)
<script language= "javascript ">
var s=document.getElementsByTagName( "img ");
for (i=0;i <s.length;i++ )
{
s[i].onload= "loadimg(this) ";
}
function loadimg(this)
{
if(this.width> 500)
{
this.width=500;
}
}
</script>
------解决方案--------------------s[i].onload=function() {
if(this.width> 500)
{
this.width=500;
}
}
试试看
------解决方案--------------------写在函数里,或者象下面一样加个defer
<script language= "javascript " defer>
var s=document.getElementsByTagName( "img ");
for (i=0;i <s.length;i++ )
{
s[i].onload= "loadimg(this) ";
}
function loadimg(this)
{
if(this.width> 500)
{
this.width=500;
}
}
</script>
------解决方案--------------------SORRY,改下
<img src= "http://zi.csdn.net/2007.04/120-60intel-game.gif ">
<script language= "javascript " defer>
var s=document.getElementsByTagName( "img ");
for(i=0;i <s.length;i++)
{
s[i].onload=function()
{
if(parseInt(this.clientWidth)> parseInt(30))
{
this.style.width=30;
}
}
}
</script>
------解决方案--------------------晕,如此简单的问题,大家搞的这么复杂
<IMG src= "/upload/20070604101741765.jpg " onload= "javascript:if(this.width> 505)this.width=505; " border=0>
我N年前就是直接将上面的放到WEB编辑器里,上传时就自动生成了
------解决方案--------------------楼上的高手哦.程序员有时候就是把简单的复杂化.