jquery:图像后淡入图像

Question

我有一个包含10张图像的页面,我想在下载图像后一个接一个地淡出它们.如何检测图像已加载并准备显示？我应该循环加载图像fadeIn和fadedIn等待下一次加载吗？

Answer 1

只需在图像上使用load()事件即可.例如

$('#some_image').hide()
    .load(function () {
      $(this).fadeIn();
    })
    .attr('src', 'images/headshot.jpg')