w3schools.com Image Modal，需要自动启动

Question

我已经成功地让这个实际的脚本工作，但我需要模式在页面加载时启动而不是图像点击 - 请帮忙。

https://www.w3schools.com/howto/howto_css_modal_images.asp

提前致谢

保罗

Answer 1

尝试使用 window.onload 而不是 onclick，按照 w3schools 教程更改此

img.onclick = function(){
  modal.style.display = "block";
  modalImg.src = this.src;
  captionText.innerHTML = this.alt;
}

对此：

window.onload = function(){
  modal.style.display = "block";
  modalImg.src = img.src;
  captionText.innerHTML = img.alt;
}

Answer 2

相反，尝试将 IMG.onclick 更改为 window.onload

window.onload = function(){
    modal.style.display = "block";
    modalImg.src = img.src;
    captionText.innerHTML = img.alt;
}