使用Fade jQuery切换图片

Question

谁能指出我正确的方向？

当我单击该元素时，我希望img源在两个特定的图像之间切换并在执行操作时淡入/淡出。

第一次单击时图像过渡良好，但是在第二，第三，第四等处单击时，它将继续提供相同的图像，而不是“切换”回去。

这是我的代码

$( "#change" ).click(function() {
    var sc = $('#standard-clip');
    if (sc.src = 'images/standard-clips.jpg'){
        $('#standard-clip').fadeOut(300, function(){
            $(this).attr('src','images/clips/standard-back.jpg')
            .bind('onreadystatechange load', function(){
                if (this.complete) $(this).fadeIn(300);
            });
            document.getElementById("color-name").innerHTML = "Back View";
        });
    }
    else{
        $('#standard-clip').fadeOut(300, function(){
            $(this).attr('src','images/standard-clips.jpg')
            .bind('onreadystatechange load', function(){
                if (this.complete) $(this).fadeIn(300);
            });
            document.getElementById("color-name").innerHTML = "Front View";
        });
    }
});

Answer 1

$( "#change" ).click(function() {
var sc = $('#standard-clip');
console.log(sc.src);
if (sc.attr("src") == 'http://cdn.embed.ly/providers/logos/jsfiddle.png'){
    $('#standard-clip').fadeOut(300, function(){
        $(this).attr('src','http://doc.jsfiddle.net/_downloads/jsfiddle-logo.png')
        .bind('onreadystatechange load', function(){
            if (this.complete) $(this).fadeIn(300);
        });

    });
}
else{
    $('#standard-clip').fadeOut(300, function(){
        $(this).attr('src','http://cdn.embed.ly/providers/logos/jsfiddle.png')
        .bind('onreadystatechange load', function(){
            if (this.complete) $(this).fadeIn(300);
        });

    });
}
});

因此，首先==某物是在询问是否等于（非严格）不等于。 这就是一切