다른 이미지 위에 마우스를 올려 놓을 때 이미지 페이드 인 및 페이드 아웃

Question

두 개의 이미지가 있습니다. 두 번째 이미지가 첫 번째 이미지 위로 마우스를 가져갈 때 페이드 인하고 첫 번째 이미지에서 마우스 아웃 할 때 페이드 아웃하는 것이 좋습니다.

어떻게하면 좋을까요?

답장을 보내 주셔서 감사합니다.

이

$('#image1').mouseover(function() { 
    $('#image2').fadeIn(); 
}); 

$('#image1').mouseout(function() { 
    $('#image2').fadeOut(); 
}); 

이 몇 이미지를위한 기본 솔루션입니다,하지만 당신은 동적으로 사용자의 필요에 따라 그것을 할 수 있습니다 :

Answer 1

사실 나는이 CSS3를 사용하지만 사용 JQuery와 작업을 수행하는 방법을 모르겠어요.