Jquery 更改图像'；src'；-在按钮上单击fadeIn，淡出new'；src&x27；第二次单击返回到旧'；src'；，无限远

我希望能够在两个不同的图像之间来回更改图像的src。我尝试过各种切换和淡入淡出切换，但切换会干扰页面的流动。 我有它的工作在一定程度上，但它只工作了两次点击。一个换一个再换一个。 任何人都可以提供一些建议，以获得切换效果，而无需“显示：无”因素扰乱流程。 我试过Stack的各种方法，但都没有成功。 提前谢谢，伙计们-T

我的代码

---

你可以用if-else试试

$('#myButton').click(function(){

    var myimg = $('.myImg'),
    src = (myimg.attr('src') == 'img/after.png') ? 'img/before.png' : 'img/after.png' ;
    myimg.stop().fadeOut('slow', function(){
        myimg.attr('src', src).fadeIn('slow');
    });

});

---

这可能是一个解决方案：

$('#myButton').click(function(){
  if($myImg.attr("src")==src1){
    $myImg.fadeOut("slow", function() {
      $(this).attr("src", src2).fadeIn("slow");
    });
  } else {
      $myImg.fadeOut("slow", function() {
      $(this).attr("src", src1).fadeIn("slow");
    });  
  }

});

---

不确定这就是你要找的：

做了一次款待。非常感谢你。我能问几件事吗？首先，条件三元：如果src等于img/after.png，它如何知道在“？”之后取什么值。stop（）方法的位置：这个停止是什么？抱歉，我只是想确认一下logic.src=（有些东西是真的）？拿着这个：否则就拿着另一个东西；如果用户单击按钮时img已设置动画，则会出现stop（）

$('#myButton').click(function(){
  if($myImg.attr("src")==src1){
    $myImg.fadeOut("slow", function() {
      $(this).attr("src", src2).fadeIn("slow");
    });
  } else {
      $myImg.fadeOut("slow", function() {
      $(this).attr("src", src1).fadeIn("slow");
    });  
  }

});