0

この Web ページhttp://www.2eenheid.de/cloud/に JQuery スライドショーがあります。

「クラウド」などのメニュー項目をクリックすると、背景がその画像にフェードします。別のメニュー項目にホバリングしてホバリングした後でも、この「雲」の画像にフェードバックします。

これは、「クラウド」アイテムにホバリングしたり外したりするときにも行われます。同じ画像でフェードアウトしてフェードインします。イメージが同じであれば何もしないはずです。たくさんのフェードがあると、ちょっと乱雑に見えます。私のコードでこれを行う方法についての手がかりはありますか?

Jクエリ

    <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>
4

1 に答える 1

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

    });
于 2013-08-02T08:47:12.597 に答える