日期:2014-05-16  浏览次数:20327 次

如何检测内容中的图片
比如发布的内容(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编辑器里,上传时就自动生成了
------解决方案--------------------
楼上的高手哦.程序员有时候就是把简单的复杂化.