如何改变图像的高度和宽度与JavaScript

<div id="Poppen" style="float: right"> 
    <script language="JavaScript"> 
      function random_imglink(){ 
       var myimages=new Array() 
       //specify random images below. You can have as many as you wish 
       myimages[1]="Kleren/Kleren1.jpg" 
       myimages[2]="Kleren/Kleren2.jpg" 
       myimages[3]="Kleren/Kleren3.jpg" 
       myimages[4]="Kleren/Kleren4.jpg" 
       myimages[5]="Kleren/Kleren5.jpg" 

       //specify corresponding links below 
       var ry=Math.floor(Math.random()*myimages.length) 
       if (ry==0) 
       ry=1 
       document.write('<img src="'+myimages[ry]+'" border=0>') 
      } 
      random_imglink() 
      //--> 
    </script> 
</div> 

</body> 
</html>

这是一个JavaScript代码来改变我的图片的页面被刷新时但是，这些图像是太大，我无法找到如何使他们更小？如何改变图像的高度和宽度与JavaScript

来源

2014-03-05 user2290902

顺便说一句，如果您的图像名称遵守该约定，则可以简化脚本。 –

可能重复的[用JavaScript改变图像大小]（http://stackoverflow.com/questions/1297449/change-image-size-with-javascript） –

您可以使用高度和宽度属性

高度= “XX” WIDTH = “XX”

在

document.write('<img src=myimages[ry] width=xx height=xx> border=0>')

添加这些ATTR更多信息检查reference

来源

2014-03-05 22:14:37 Agus

感谢它的工作！：D你最终知道我怎样才能把它更向右？它现在是这样http://prntscr.com/2y85z2 – user2290902

你不必同时使用高度和宽度。如果只指定一个，则会根据图像的高宽比推断出另一个。 – Charlie

我知道，但我无法获得上面图像旁边的底部图像 – user2290902

在你的img标签中，你可以添加attr的高度和宽度。您可以将xxx更改为50px或任何高度和宽度。

document.write('<img src="'+myimages[ry]+'" border=0 style="height:xxx;width:xxx;">')

来源

2014-03-05 22:20:32 billybobjoe855

的Javascript：

document.getElementsByTagName("img").style.height="50px";

或者简单的CSS。

#Poppen img {width: 100px; height:100px;}

来源

2014-03-05 22:22:25 Aaron

如何改变图像的高度和宽度与JavaScript

回答

相关问题