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

我有以下代码：

            <script type="text/javascript">
                $(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();
                    };
                  });

            </script>
            <ul style="list-style: none; margin: 0px; padding: 0px;">
                <li id="i1" style="display: inline;">
                    <div style="background-color: #bbb; width:768px;height:1024px;"><div style="margin-top:505px; margin-left: 370px; font-size: 24px; font-family: Arial, sans-serif; color: #333;">Load...</div></div>
                    <img src="" id="#mi1" style="display: hidden;" />
                </li>
            </ul>

$（文档）.ready（函数（）{
变量id='i1'；
var image=新图像（）；
image.src=http://url_to_my_image';
image.onload=函数（）{
$（'#m'+id）.attr（'src'，image.src）；
$（'#m'+id）.show（）；
};
});


负载

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

对不起，我的英语很糟糕…

试试这个：

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

您可以在以下网站上阅读更多信息：

尝试以下内容：

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

---

您可以在以下网站上阅读更多信息：

在

元素上设置的

显示：隐藏

应该是

显示：无

。另外，请记住，禁用JavaScript访问页面的用户永远不会看到图像，只有永久加载消息。您应该改用优雅降级的解决方案。

在

元素上设置的

显示：隐藏

应该是

显示：无

。另外，请记住，禁用JavaScript访问页面的用户永远不会看到图像，只有永久加载消息。您应该使用一种优雅的降级解决方案。

检查此选项

此插件在触发DOM加载事件和窗口加载事件后加载图像/背景url

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

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

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

$（'img'）.attr（'src'，）

检查此项

此插件在触发DOM加载事件和窗口加载事件后加载图像/背景url

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

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

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

$（'img'）.attr（'src'，）

如果图像未动态加载，我建议在html中使用lowsrc属性：如果图像未动态加载，我建议在html中使用lowsrc属性：