我正在制作一个脚本,在该脚本中,加载一直持续到图像准备就绪,只有当图像完全加载时,加载才会隐藏并显示图像。
但是,这并没有按照我的计划发生,这是我的代码
HTML
<script src="jquery/jquery-1.9.1.js"></script>
<script src="loading.js"></script>
<link rel="stylesheet" type="text/css" href="loading.css"/>
<body>
<img id="image" src="http://www.hdwallpapers3d.com/wp-content/uploads/car11.jpg"/>
<img id="loading" src="loading.gif"></img>
</body>
jQuery
if ($("#image").ready()) {
// code
$("#image").show();
} else {
$("#image").hide();
}
if ($("#image").ready()) {
// code
$("#loading").hide();
} else {
// code
$("#loading").show();
}
CSS
#loading {
width:200px;
height:200px;
}
最佳答案
你能试试这个吗,
<script>
function ImageLoad($this){
$($this).show();
$('#loading').hide();
console.log('image loaded');
}
</script>
<img id="image" src="http://www.hdwallpapers3d.com/wp-content/uploads/car11.jpg" style="display:none;" onload="ImageLoad(this)"/>
<img id="loading" src="http://sierrafire.cr.usgs.gov/images/loading.gif"></img>
关于javascript - 正在加载直到图像准备好并且图像隐藏直到它准备好,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20171930/