一个JS 如何控制很多图片的大小
我在网页里要放很多图片,用JS控制它们的大小。<imgsrc="images/choice_img01.gif"id="img_x"><imgsrc="images/ch...
我在网页里要放很多图片,用JS控制它们的大小。
<img src="images/choice_img01.gif" id="img_x" >
<img src="images/choice_img02.gif" id="img_x" >
<img src="images/choice_img03.gif" id="img_x" >
<img src="images/choice_img04.gif" id="img_x" >
<img src="images/choice_img05.gif" id="img_x" >
结果发现用<script>
var imageArr=document.getElementById("img_x");
var W = imageArr.width;
var H = imageArr.height;
var rate = W/H;
if(W>H*rate){imageArr.style.width="121px";imageArr.style.height=121/rate+"px";alert(imageArr.style.width);alert(imageArr.style.height);}
else{imageArr.style.height="135px";imageArr.style.width=135*rate+"px";}
</script>
控制图片大小的时候,只能控制第一张,有什么好办法能直接把所有图片都控制了呢?PS我不想用数组,因为我的图片不确定有几张。 展开
<img src="images/choice_img01.gif" id="img_x" >
<img src="images/choice_img02.gif" id="img_x" >
<img src="images/choice_img03.gif" id="img_x" >
<img src="images/choice_img04.gif" id="img_x" >
<img src="images/choice_img05.gif" id="img_x" >
结果发现用<script>
var imageArr=document.getElementById("img_x");
var W = imageArr.width;
var H = imageArr.height;
var rate = W/H;
if(W>H*rate){imageArr.style.width="121px";imageArr.style.height=121/rate+"px";alert(imageArr.style.width);alert(imageArr.style.height);}
else{imageArr.style.height="135px";imageArr.style.width=135*rate+"px";}
</script>
控制图片大小的时候,只能控制第一张,有什么好办法能直接把所有图片都控制了呢?PS我不想用数组,因为我的图片不确定有几张。 展开
2个回答
展开全部
<img src="images/choice_img05.gif" id="img_x" >中的'id'字段不能重复的撒.........
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询