다른 이미지로 이미지 페이딩

Question

jQuery로 슬라이더를 만들려고하는데 효과를 제대로 얻을 수 없습니다 ... 이미지를 클릭하면 다른 이미지로 페이드되고 싶습니다. 같은 슬라이더에 : http://na.leagueoflegends.com

정상 fadeIn()을/페이드 아웃() 효과 내가 찾고되지 않습니다 정확히 내가 원하는 그것은 부드럽게 할 수 있으며 두 번째 이미지 페이드 전에 검은 색으로 퇴색하지 in.

2 개의 div (절대적으로 다른 하나 위에 위치 함)를 놓고 맨 위의 작업을 페이딩하면됩니까?

미리 감사드립니다. 이 같은

Answer 1

뭔가 예,

$("your img 1").animate({opacity : 0}, 300, function(){ // Fade out 
    $("your img 2").animate({opacity : 1}, 200, function(){ // Fade in 

    }); 
});