javascript - 如果选中，则 JQuery 幻灯片没有动画

Question

我在这个网页http://www.2eenheid.de/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);
       });

    });