如何在淡出时添加加载程序图像

Question

如何在jquery中的fadeout上添加加载器图像。我能够淡出，但我无法在fadeout上添加加载图像

$(".form1,.form2").fadeOut(800).load('src','loader.jpg').fadeIn()

Answer 1

您无法使用加载功能加载图片... jquery中的加载函数将加载一个页面（类似于iframe）; 您可以在src中使用加载程序图像创建图像标记，并使用样式隐藏然后使用

<script>
$('.form1').fadeOut(800, function() {         
         $("#loader").show();      
  });

$('.form1').fadeIn(800, function() {
    $("#loader").hide();      
});
</script>

另请访问链接http://jsfiddle.net/emVyb/