javascript – 如何使用jquery加载图像？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何使用jquery加载图像？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含998字，纯文字阅读大概需要2分钟。

内容图文

我这样做是为了加载图像并在对话框中显示图像.

<div id="image_preview" title="Client Photo Preview">
   <p><img src="" alt="client image" id="client_image_preview" /></p>
</div>

$("#client_image_preview").attr("src", imagelocation);

$('#image_preview').dialog({
    height: 'auto',
    width: 'auto',
    modal: true,
    dialogClass: 'titleless',
    buttons: { "CLOSE": function() { $(this).dialog("destroy"); } }
});

是否有方法显示加载gif图像加载jquery？

问候

解决方法:

在img标记中设置初始加载gif图像.然后使用javascript Image对象和onload事件预加载图像;当目标图像完成预加载时,用你的URI替换你的img标签的src.

<div id="image_preview" title="Client Photo Preview">
   <p><img src="loading.gif" alt="client image" id="client_image_preview" /></p>
</div>

var img = new Image();
img.onload = function() {
    $("#client_image_preview").attr("src", imagelocation);
}
img.src = imagelocation;

$('#image_preview').dialog({
    height: 'auto',
    width: 'auto',
    modal: true,
    dialogClass: 'titleless',
    buttons: { "CLOSE": function() { $(this).dialog("destroy"); } }
});

内容总结

以上是互联网集市为您收集整理的javascript – 如何使用jquery加载图像？全部内容，希望文章能够帮你解决javascript – 如何使用jquery加载图像？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端