개발/Javascript

[jQuery] 이미지 서서히 나타나게 하기

신매력 2012. 12. 6. 17:12

별건 아니지만 제대로 동작하는 소스가 잘 안보여서 올려야지.



<script type="text/javascript" src="http://www.google.com/jsapi"></script>

<script type="text/javascript">google.load("jquery", "1.7.1");</script>


<img id="lioncat" src="lioncat.jpg" width="319" height="480" style="display:none;" />

    

<script>

    $(window).load(function() {

      $('#lioncat').display = "";  

      $('#lioncat').fadeIn('slow', function() {

           // 애니메이션 끝난 뒤 실행할 코드 넣기

      });

    });


</script>



jquery 레퍼런스