调整从Javascript数组加载的图像大小

使用javascript数组在div中加载随机图像 Javascript代码工作得很好 但即使在使用css进行div之后，加载的图像仍以实际大小显示 相互重叠 有没有办法在javascript中调整图像的大小 或任何其他方式，以适合他们在特定大小的分区

下面是我在html文件中直接使用的javascript：

<div class="glbx-small">

       <script>    
           var arrayImg = new Array();
           arrayImg[0] = "a1.jpg";
           arrayImg[1] = "a2.jpg";


            getRandomImage(arrayImg, "");

          function getRandomImage(imgAr, path) {
            path = path || 'images/'; // default path here
            var num = Math.floor( Math.random() * imgAr.length );
            var img = imgAr[ num ];
            var imgStr = '<img src="' + path + img + '" alt = "">';
            document.write(imgStr); document.close();
}

         </script>

</div>  

---

也许是这样的

.glbx-small img {
  max-width: 100%;
}

使用

.glbx-small img {
  max-width: 100%;
}

.glbx-small img {
    width: 100%;
    height: auto;
}