JQuery淡入Attr变化

Question

我想知道是否有可能在更改attr时添加fadeIn效果,例如我有这个代码工作,当用户点击img2 imgmain的src更改为img2时,如下所示:

$('#img1').click(function() {
  $("#imgmain").attr("src","img1.jpg");
  });

  $('#img2').click(function() {
  $("#imgmain").attr("src","img2.jpg"); }

  );

谢谢!

Answer 1

您可以在fadeOut()回调中更改它,如下所示:

$('#img1').click(function() {
  $("#imgmain").fadeOut(function() {
    $(this).attr("src","img1.jpg").fadeIn();
  });
});