在求一个函数

Question

我要控制 网页里图片的大小 
现在知道 里面有GIF 和JPG两种 
我要固定JPG的的 宽和高 什么意思呢  
就是 写一个CSS 控制1个DIV里的 图片大小
但这个 DIV里 有两个格式的图片  一个是 JPG 是我想控制的  一个是 GIF  这个我不想动他我现在想写个JS 在网页加载的时候 统一JPG图片的大小

Answer 1

var strf =filename.substr(filename.length-4,4);//获取文件后缀名（字符串后四位子串）
获取div下面所有的img对象，然后通过该函数取出图片后缀，然后通过js给jpg的图片加宽高限制的样式嘛

Answer 2

<div id="images">
  
      <img src="XXX.jgp" />
      <img src=YYY.gif />
</div>window.onload=function()
{
   var div=document.getElementById("images");
var img=div.getElementByTags("img");
var len=img.length;
for(var i=0;i<len;i++)
{
    var src=img[i].src;
var index=src.lastindex(".");
if(src.substring(index)=="jpg")
{
     img[i].style.width="100px";
img[i].style.height="50px";
}
}
}
手写的代码要是有错误自己修改一下

Answer 3

以下代码测试通过,我是直接把script放在body后的，所以没加在onload事件里<div id="imgs">
<img src="http://avatar.profile.csdn.net/2/7/1/2_kiba518.jpg"/>
<img src="http://hi.csdn.net/Styles/V1.3.0/images/qq.gif" />
</div>
</body>
<script type="text/javascript">
var imgs=document.getElementById('imgs').getElementsByTagName("img");
for(var i=0;i<imgs.length;i++) {
    var src=imgs[i].getAttribute("src");
    if(src){
        var start=src.lastIndexOf(".");
        if(src.toLowerCase().indexOf("jpg")>-1){
            imgs[i].style.width="300px";
            imgs[i].style.height="300px";
        }
    }
}
</script>

Answer 4

上面的忘 了使用startif(src.toLowerCase().indexOf("jpg",start)>-1){