fadeOut을 사용한 Jquery 슬라이드 쇼 - 페이드 인 없음

Question

fadeIn 및 fadeOut을 사용하는 웹 사이트에서 간단한 jquery 슬라이드 쇼가 있습니다. 페이드 인/아웃은 자극적 인 내 배경의 플래시를 만듭니다. 다른 전환으로 바꾸려고 시도했지만 운이 없습니다.

저의 목표는 이미지가 기본적으로 서로 번갈아 가며 흐려 지도록하는 것입니다. 어두운 이미지에는 전환하는 동안 배경이 깜박이지 않습니다.

내 JQuery와 :

$(function(){ 
$('.fadein img:gt(0)').hide(); 
setInterval(function(){ 
    $('.fadein :first-child').fadeOut() 
    .next('img').fadeIn() 
    .end().appendTo('.fadein');}, 
    3000); 
}); 

Answer 1

나는 언젠가 전에 비슷한 문제가 있었다. 바이올린을 제공하지 않으면 필요한 정확한 코드 예제를 제공하기가 어렵습니다. 기본적 개념은 현재의 이미지를 페이드 아웃 당신이

DEMO http://jsfiddle.net/nyXUt/161/

var speed = 2000; 
run = setInterval("switchSlide()", speed); 
$(document).ready(function() { 

    $('#caption').html($('#slideshow img:first').attr('title')); 

    $('#slideshow img:gt(0)').hide(); 

    $('#previous').click(function() { 
     $('#slideshow img:first').fadeOut(1000); 
     $('#slideshow img:last').fadeIn(1000).prependTo('#slideshow'); 
     $('#caption').html($('#slideshow img:first').attr('title')); 
    }); 

    $('#next').click(function() { 
     $('#slideshow img:first').fadeOut(1000).next().fadeIn(1000).end().appendTo('#slideshow'); 
     $('#caption').html($('#slideshow img:first').attr('title')); 
    }); 

}); 

function switchSlide() { 
    $('#slideshow img:first').fadeOut(1000).next().show().end().appendTo('#slideshow'); 
    $('#caption').html($('#slideshow img:first').attr('title')); 
}