【问题标题】:w3schools.com Image Modal, need to launch automaticallyw3schools.com Image Modal,需要自动启动
【发布时间】:2020-06-29 18:08:05
【问题描述】:

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

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

提前致谢

保罗

【问题讨论】:

  • 你能展示你已经做了什么吗?
  • 你好 - 是的,它在那个链接上谢谢
  • 尝试设置window.onload函数并在其中设置#myModal显示块,或者默认设置为块
  • 为了将来参考,W3Schools 是一个极其不可靠的来源,因为他们的文章经常过时,有时甚至完全是错误的。我建议以后避免使用它们。
  • 谢谢大家

标签: jquery css image modal-dialog


【解决方案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;
}

【讨论】:

    【解决方案2】:

    请尝试将IMG.onclick 更改为window.onload

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2017-04-30
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-04-15
      • 2011-01-07
      • 2018-01-22
      相关资源
      最近更新 更多