jQuery를 : fadein 및 페이드 아웃 (페이딩)와 이미지

Question

나는 다음과 같은 코드를 가지고 각 3 개 버전이 개 이미지가 있습니다

var clicked = false; 
var klick = false; 
$("img#hovertom").click(function() { 
    if (clicked) clicked = true; 
    else $(this).attr("src", "../img/tom_effects.png"); 
    if (clicked = true) $(this).attr("src", "../img/tom_effects.png"); 
    if (clicked = true) $("img#hoverdaniel").attr("src", "../img/daniel.png"); 
    if (clicked = true) klick = false; 
}); 
$("img#hovertom").hover(function() { 
    if (!clicked) $(this).attr("src", "../img/tom_hover.png"); 
}, function() { 
    if (!clicked) $(this).attr("src", "../img/tom.png"); 
}); 
$("img#hoverdaniel").click(function() { 
    if (klick) klick = true; 
    else $(this).attr("src", "../img/daniel_effects.png"); 
    if (klick = true) $(this).attr("src", "../img/daniel_effects.png"); 
    if (klick = true) $("img#hovertom").attr("src", "../img/tom.png"); 
    if (klick = true) clicked = false; 
}); 
$("img#hoverdaniel").hover(function() { 
    if (!klick) $(this).attr("src", "../img/daniel_hover.png"); 
}, function() { 
    if (!klick) $(this).attr("src", "../img/daniel.png"); 
}); 

, 그들은 호버에 변경을 클릭합니다. 다른 이미지를 클릭하면 그것은 잘 작동하지만 이미지가 즉시 변경됩니다. 누구나 이미지가 페이드 아웃되거나 페이드로 변하는 코드를 다시 작성할 수 있습니다. 단순히 이미지가 변경되면 '움직이는'것입니다.

$(this).fadeOut().attr("src", "the_path").fadeIn();

나는 그것을 테스트하지만, 그들이 당신에게, 당신이 사용하여 전환을 시뮬레이션 할 수 있습니다

Answer 1

음, 아마도 뭔가 같은 fadeIn 및 fadeOut이지만 이미지 간의 실제 전환은 없지만 하나만 숨기고 다른 이미지는 실제 전환없이 배경을 제외하고 보여줍니다.

$(this).fadeOut('slow', function(){ 
    $(this).attr('src', 'YOUR_PATH').fadeIn(); 
}); 

생활 예 : http://jsfiddle.net/8hLMB/

Answer 2

시도주지했습니다

들으