Javascript 使用Fade jQuery进行图像切换
谁能给我指出正确的方向吗 当我点击元素时,我希望img源在两个特定的图像之间切换,并在执行时淡入/淡出 在第一次单击时,图像过渡良好,但在第二次、第三次、第四次等单击时,它将继续为同一图像提供服务,而不会“切换”回来 这是我的密码Javascript 使用Fade jQuery进行图像切换,javascript,jquery,html,css,conditional-statements,Javascript,Jquery,Html,Css,Conditional Statements,谁能给我指出正确的方向吗 当我点击元素时,我希望img源在两个特定的图像之间切换,并在执行时淡入/淡出 在第一次单击时,图像过渡良好,但在第二次、第三次、第四次等单击时,它将继续为同一图像提供服务,而不会“切换”回来 这是我的密码 $( "#change" ).click(function() { var sc = $('#standard-clip'); if (sc.src = 'images/standard-clips.jpg'){ $('#standar
$( "#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";
});
}
});
所以首先,something==something是一个询问它是否相同(非严格)而不是=。这就是一切
$( "#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);
});
});
}
});