JQuery幻燈片沒有動畫，如果選擇

Question

我有這個網頁上的JQuery幻燈片http://www.2eenheid.de/cloud/。

當點擊「Cloud」等菜單項時，背景會淡入其圖像。即使在徘徊在不同的菜單項上並徘徊之後，它也會退化爲這個「雲」圖像。

現在，它也可以在「雲」項目中懸停和移出時執行此操作。它淡出並以相同的圖像消失。如果圖像相同，它應該不會做任何事情。它看起來有點混亂與許多淡入淡出。任何關於如何使用我的代碼做到這一點的線索？

JQUERY

<script type="text/javascript"> 
     $(function() { 
      var imgsrc = ''; 
      imgsrc = $('.pikachoose').css('background-image'); 

      $('ul.slideshow-menu').find('a').hover(function() { 
       var newImg = $(this).attr('src'); 
       $('.pikachoose').stop().fadeOut('fast', function() { 
        $(this).css({ 
         'background-image': 'url(' + newImg + ')' 
        }).fadeTo('slow', 1); 
       }); 

      }, function() { 
       $('.pikachoose').stop().fadeOut('fast', function() { 
        $(this).css({ 
         'background-image': imgsrc 
        }).fadeTo('slow', 1); 
       }); 
      }); 

     }); 
    </script> 

Answer 1

$(function() { 
     var newImg = ''; 

     $('ul.slideshow-menu').find('a').mouseover(function() { 
      newImg = $(this).attr('src'); 
      $('.pikachoose') 
      .fadeOut('fast') 
      .css({'background-image': 'url(' + newImg + ')'}) 
      .fadeTo('slow', 1); 
     }); 

    });