設置 JS 幻燈片的高度和寬度

Question

下面的 JS 允許您隨機顯示帶有圖像的幻燈片（輪播）。

如何在瀏覽器中以一定的寬度和高度顯示它？ 讓我們舉個例子，高度：800 和寬度：100%？

我不知道它是否有趣，但我正在使用 Boostrap 4 創建站點。

提前致謝。

<script language="javascript">
  
  var delay=1000 //set delay in miliseconds
  var curindex=0

  var randomimages=new Array()

    randomimages[0]="img/car1.jpg"
    randomimages[1]="img/car5.jpg"
    randomimages[2]="img/car2.jpg"
    randomimages[3]="img/car4.jpg"
    randomimages[4]="img/car3.jpg"
    randomimages[5]="img/car6.jpg"

  var preload=new Array()

  for (n=0;n<randomimages.length;n++)
  {
    preload[n]=new Image()
    preload[n].src=randomimages[n]
  }

  document.write('<img name="defaultimage" src="'+randomimages[Math.floor(Math.random()*(randomimages.length))]+'">')

  function rotateimage()
  {

  if (curindex==(tempindex=Math.floor(Math.random()*(randomimages.length)))){
  curindex=curindex==0? 1 : curindex-1
  }
  else
  curindex=tempindex

    document.images.defaultimage.src=randomimages[curindex]
  }

  setInterval("rotateimage()",delay)

  </script>

Answer 1

給下面的課...

  document.write('<img class="img-size" name="defaultimage" src="'+randomimages[Math.floor(Math.random()*(randomimages.length))]+'">')

並在 CSS 文件中...

.img-size {
   width:800px;
   height: 100%;
}

或分配給寬度/高度屬性...

  document.write('<img width="800px" height="100%" class="img-size" name="defaultimage" src="'+randomimages[Math.floor(Math.random()*(randomimages.length))]+'">')