이미지가 슬라이더에서 서로 희미 해집니다.

Question

jQuery 슬라이더에서 작업 중입니다. 현재 이미지가 희미 해지고 슬라이더의 다음 이미지가 희미 해집니다.하지만 필자가 필요로하는 것은 이미지가 서로 희미 해지는 것입니다. 따라서 전환 도중 페이지 배경을 보지 않습니다.

$('.slider .slide:first').addClass('active').fadeIn(900); 

function rotate(index) { 
    $('.slider .slide.active').removeClass('active').fadeOut(900, function() { 
     $('.slider .slide:eq(' + index + ')').addClass('active').fadeIn(900); 
    }); 
} 

$('.slider-nav li').click(function() { 
    clearInterval(timer); 
    $(this).siblings('.active').removeClass('active'); 
    $(this).addClass('active'); 
    var index = $(this).index('li'); 
    rotate(index); 
    timer=setInterval(go, 5000); 
    return false; 
}); 
$('.slider-nav li:first').click(); 
var timer=setInterval(go, 5000); 
function go() { 
    var $next = $('.slider-nav li.active').next(); 
    if ($next.length == 0){ 
     $next = $('.slider-nav li:first'); 
    } 
    $next.click(); 
} 

어떤 생각 :

여기 내 jQuery 코드입니까? 고맙습니다!

Answer 1

당신은 자신의 페이드 인이 필요합니다 - 내가 이해할 수있는 한, 동시에 둘 다 페이드 인 (fadeIn)해야 할 필요가 있습니다. jQuery와 함께 일할 수도 있지만, 글쓰기 만하면 더 쉬울 것입니다. 그것들을 동시에 사라지게하는 간단한 함수 (즉, 수백 번의 반복을 통해 하나씩 불투명도를 내림).