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); 
     }); 

    });