시간이 지나면 jquery 페이드 인합니다.

Question

안녕하세요 여러분, iam이 애니메이션이 시작된 후 일정 시간이 지나면 이미지가 화면에 표시 될 수있는 방법을 찾으려고합니다.

그래서 이미지를 얻었고 CSS를 사용하여 원하는 곳에 배치했습니다.

#laser 
{ 
    position: absolute; 
    left: 650px; 
} 

용량의 사람이 내가 가능성이 애니메이션은 내가 그것을 배치하는 CSS를 사용하고 그 특정 장소에 3 초 후에 표시가 있지만 시작할 때 표시되지 해당 이미지를 얻을 수있는 방법을 알고?

편집 : 이것은 내가 지금까지 얻은 코드입니다.

<div id="laser"> 
    <img src="images/laser.png" alt="laser"> 
</div> 

#laser 
{ 
    position: absolute; 
    left: 650px; 
    display: none; 
} 

그럼 내가 준 코드를 사용했습니다. 그러나 그것은 단지 다른 모든 것들이 일하는 것을 멈추게합니다. u는 그것을보고 싶다면 내 코드에

$('#laser').animate({ 
    width: '100px', 
    height: '100px' 
}, 3000, function() { 
    $(this).show('slow'); 
});​ 

링크 .. 콜백의 코드가 실행됩니다 지정된 기간 후 http://jsfiddle.net/wdy5P/5/

Answer 1

사용에게 .animate() 방법을 ..

$('#laser').animate({ 
    width: '100px', 
    height: '100px' 
}, 3000, function() { 
    $(this).show('slow'); 
});​ 

Check Fiddle

Answer 2

에 1 밀리 초 추가 0 그것을 애니메이션 (눈에 보이지 않는 그러나 FX 큐에 추가)을하게하고, 결과적으로는 3000 밀리 초 (3 초)으로하여 표시되는 화상을 지연시키기 delay() 기능을 사용할 수 :

$('#laser').delay(3000).show(1); 

화상 물론 초기에 있어야합니다 display: none;