网页图片预载完成后再执行其他操作

最新推荐文章于 2025-05-05 10:59:44 发布

原创最新推荐文章于 2025-05-05 10:59:44 发布 · 305 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#function

本文介绍了一种使用JavaScript实现鼠标悬停时显示图片原始大小的方法。通过监听图像加载状态并在加载完成后显示图片，适用于网页中需要展示高清原图的场景。

可用于鼠标移动到小图上时要求显示原图的情况：

<script type="text/javascript">
//<![CDATA[ 
...
if(image.readyState == "complete")
{
   DrawImage(image.src, location.x, location.y);
   return;
}
image.onreadystatechange=function()
{
   if(image.readyState == "complete")
   DrawImage(image.src, location.x, location.y);
}
//]]> 
</script>