2013-04-01 2 views
1

fadeToggle을 사용하여 일부 이미지를 자동으로 페이드 인/아웃하는 데 사용하고 싶습니다. 그것은 작동하지만, 모든 이미지가 '색이 바래서'시작하고, 나는 그들을 보이지 않게 시작하여 하나씩 보여주기를 바랍니다. 미리 감사드립니다!jQuery fadeToggle 숨기기 시작

$(function() { 
function run_animation($element, delay, duration) { 
    $element.delay(delay).fadeToggle(duration, function() { 
     run_animation($element, delay, duration); 
    }); 
} 
run_animation($('.pointer1'), 2000, 1000); 
run_animation($('.pointer2'), 2500, 1000); 
run_animation($('.pointer3'), 3000, 1000); 
run_animation($('.pointer4'), 3500, 1000); 
run_animation($('.pointer5'), 4000, 1000); 
+1

CSS로 보이지 않게 할 수 없습니까? –

답변

1

CSS를 사용하여 이미지를 숨겨 봤습니까? display:none을 시도하고 필요한 경우 show() 뒤에 애니메이션을 호출 할 수 있습니다.

+0

완벽하게 작동했습니다! 고맙습니다! – JamesM

+0

아, 질문이 하나 더 있습니다. 순서대로 페이드 인/페이드 아웃하는 방법이 있습니까? 그래서 이미지 1이 페이드 아웃 될 때, nr. 2 페이드 인 등등? – JamesM

+0

당신은 완전한 함수 http://api.jquery.com/fadeIn/을 사용해야 할 것입니다. 마지막 예제'$ ("div")를 참조하십시오. fadeIn (3000, function() { $ ("span") .fadeIn (100); }); –

관련 문제