jQuery로 이미지 효과

Question

누군가가 도와 줄 수 있습니까? 나는 메뉴 슬라이더를 가지고 있고 목록에 마우스를 올리면 새로운 이미지가 나타납니다. 문제는 다음과 같습니다 : 새로운 이미지가 나타날 때마다로드되고 그 다음에는 내 코드를 따르므로 이미지가 나타나고, 그리고 나서 그것은 숨 깁니다. 그리고 나서 사라져 버립니다.하지만 이미지가 나타나기 전에 숨겨진 이미지를 원합니다.

내 코드 :

<script type="text/javascript"> 
$('#image_div').prepend(
    $('<img/>',{ }).load(
     function(){ 
      $(this).hide().delay(500).fadeIn(1000); 
      $('#image_div img:first').next().animate({},0,function(){ 
       $(this).remove(); 
      }); 
     } 
    ).attr('src',''+info_elem.find('.info_image').html()) 
); 
</script> 

Answer 1

당신의 HTML/CSS를 살펴없이, 내가 가장 쉬운 해결책은 기본적 당 display:none이있는 CSS 클래스와 이미지 요소를 설정하는 것입니다라고 말하고 싶지만. CSS에서 JS

$('<img class="hidden" />',{}).load(...)

에서

.hidden { 
    display:none; 
} 

Answer 2

// ... 
$('<img/>',{}).css('display', 'hidden').load(
// ...