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類設置。

在JS

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

在CSS

.hidden { 
    display:none; 
} 

Answer 2

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