JQuery:在成功加载时显示图像，并与加载冲突

JQuery: Showing an image when loaded succesfully and conflict with onload

本文关键字：加载 图像 冲突 显示图 显示 成功 JQuery      更新时间：2023-09-26

我想仅在成功加载图像时才显示图像（某些路径给出 404）。有以下代码，工作正常。

<script>
    $(document).ready(function() {
      $(".complex-image").load(function(){
          $(this).show();
      });
    });
</script>

现在，其中一个页面显示了谷歌地图，其中设置了：

onload = initMap
onunload = GUnload

在IE8和Chrome的此页面上，即使图像可用也不会显示。但是在Firefox 4中显示得很好。具有来自我网站的图像+地图的示例页面是这个

我也尝试了相反的方法：加载错误时隐藏图像。使用以下代码：

<script>
    $(document).ready(function() {
      $(".complex-image").ready(function(){
          $(this).hide();
      });
    });
</script>

这不会隐藏 IE8 上地图和非包含地图的页面上的图像。

当成功加载时，当定义了正文加载时，显示图像的跨浏览器方式是什么？

编辑：使用了

Elzo的解决方案，即使从缓存中读取图像也要触发img.load（），使用了这个：图像加载时的jQuery回调（即使图像被缓存）

这是如何做到的。我还放了一个演示。

相关文章：