Question

<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代码但是那些图像太大了，我找不到如何让它们变小？

Answer 1

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

height =“xx”width =“xx”

在

添加那些attr

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

了解更多信息，请查看reference

Answer 2

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

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

Answer 3

Javascript：

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

或简单的CSS。

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

如何使用javascript更改图像的高度和宽度

3 个答案: