如何在页面加载后加载图像？

我有这个代码：

 $(document).ready(function(){ var id = 'i1'; var image = new Image(); image.src = 'http://url_to_my_image'; image.onload = function(){ $('#m' + id).attr('src',image.src); $('#m' + id).show(); }; });  
 
 
Load...
  
  

但这不起作用。 我想显示所有带有文本“正在加载…”的空白页面，并在加载图像页面后将其插入相关的img元素。

对不起我可怕的英语……

Answer 1

试试这个：

 $("#m"+id).load("//your link"); 

您可以在此处阅读更多内容： api.jquery.com/load/

Answer 2

元素上的display: hidden set应该是display: none 。 另外，请记住，禁用JavaScript访问您网页的用户永远不会看到图片，只能看到永久加载邮件。 您应该使用优雅降级的解决方案。

Answer 3

检查此链接

在DOM加载事件和窗口加载事件被触发后，此插件加载图像/背景URL。

最初，img标记的src属性将设置为空。 并且html应该包含一个包含图像路径的数据属性。 该插件将处理其余的事情。

加载图像后，将执行以下代码。 所有这些都由插件处理

 $('img').attr('src', < data URL with the img path > )