Jquery加载隐藏时,图像被加载
Jquery loading hide when image is loaded
我有这个jquery捕获链接url(这个链接是一个图像),并简单地显示这个图像。我的问题是加载。我想显示加载和隐藏它时,图像完全加载。但是我不能,因为我的新图像没有类,我不知道如何检查它是否完成。
如何正确显示和隐藏此加载?
js
$(function() {
$(".p").click(function(e){
e.preventDefault();
var element = $(this);
var I = element.attr("href");
$("#loading").show(); //SHOW LOADING
$("#imgfull").empty();
var img = $("<img/>").attr("src", I); // add new image
$("#imgfull").append(img); // add new image
$('#???').load(function(){
//$("#loading").hide(); //hide loading?????
})
});
});
html <a href="http://ilikewall.com/wp-content/uploads/2015/04/3d_wallpapers_hd.jpg" class="p">click to load</a>
<div id="loading">LOADING</div>
<div id="imgfull"></div>
http://jsfiddle.net/4g0n8asc/谢谢
你可以这样做:
img.load(function(){
$("#loading").hide();
})
示例::http://jsfiddle.net/Frogmouth/4g0n8asc/2/
注意:
.load()
方法<img />
有时有一些问题,这个小插件修复所有(或很多)这些问题:imagesloaded
相关文章:
- 如何在谷歌字体加载时显示加载图像
- 预加载图像并插入DOM
- 加载图像时加载图标
- 在页面启动期间加载图像
- 预加载图像image.onload脚本MVC
- 可以't在我的React组件中加载图像
- 加载图像后调整HTML画布的大小
- HTML/JS github页面项目没有't在使用firefox运行时加载图像或声音
- 错误:$injector:modulerr加载图像时模块处于角度
- 谷歌地图加载后隐藏加载图像
- 在照片查看器(Javascript和jQuery)中异步加载图像时可能出现错误
- 正在从字节数组加载图像内容
- 网页上已有tinymce加载图像列表
- 单击提交按钮后加载图像将冻结
- 如何使用Express'正确加载图像;s的静态中间件
- 使用jquery即时加载图像
- Html5画布使用JCanvasScript加载图像
- Javascript使用JCanvaScript在画布中加载图像
- 使用jquery/ajax显示加载图像
- ajax缓存false无法加载图像