代码之家  ›  专栏  ›  技术社区  ›  halocursed

等待使用jquery完全加载特定图像?

  •  9
  • halocursed  · 技术社区  · 16 年前

    我目前正在使用下面的代码加载图像,但我想在图像完全加载之前显示某种加载gif。

    $('#addimage').attr('src', src[i]);
    $('#addimage').show();
    

    由于我在动画媒体盒中使用此功能,以块加载的图像看起来不太好,因此在加载图像时,我希望通过显示加载gif来替换它。谢谢

    4 回复  |  直到 16 年前
        1
  •  14
  •   cletus    16 年前

    使用 load() 活动:

    $("#addimage").load(function() {
      $(this).show();
    });
    

    编辑: Image Loading .

        2
  •  6
  •   wows    16 年前

    加载映像后,可以使用回调事件。比如:

    $('#addimage').load(function() { $(this).show() });
    $('#addimage').attr('src', src[i]);
    

    因此,首先设置加载处理程序,然后应用src属性。这是假设默认情况下图像是隐藏的(通过CSS等)。

        3
  •  3
  •   Luca Matteis    16 年前

    你可以把绳子绑起来 onload

        4
  •  0
  •   Justin Ethier    16 年前

    为什么不将src属性设置为指向正在加载的图像(例如,动画gif)并一直显示它呢?