-2

バックグラウンド ストレッチャーと呼ばれる jQuery プラグインを使用していますが、これはそれを初期化するコードです。コールバック関数でリンクを押すほどサイトがハングし始めるので、これを書くためのより良い方法はありますか...

$(document).ready(function(){

    //  Initialize Backgound Stretcher     
    $('BODY').bgStretcher({
        images: ['images/exterior.jpg', 'images/exterior2.jpg','images/kitchen.jpg','images/bathroom.jpg','images/bedroom.jpg'],
        imageWidth: 1800, 
        imageHeight: 1400, 
        slideDirection: 'N',
        slideShowSpeed: 1000,
        nextSlideDelay: 6000,
        transitionEffect: 'fade',
        sequenceMode: 'normal',
        buttonPrev: '.prev',
        buttonNext: '.next',
        pagination: '.pagination',
        anchoring: 'left center',
        anchoringImg: 'left center',
        callbackfunction: function() {

                    $('a#design').click(function(){
                        $().bgStretcher._clearTimeout();
                        $().bgStretcher.slideShow('normal', 0);
                        $().bgStretcher.play();
                    });
                    $('a#interior').click(function(){
                        $().bgStretcher._clearTimeout();
                        $().bgStretcher.slideShow('normal', 1);
                        $().bgStretcher.play();
                    });
                    $('a#lifestyle').click(function(){
                        $().bgStretcher.pause();
                        $().bgStretcher.slideShow('normal', 2);
                        $().bgStretcher.play();
                    });
                    $('a#location').click(function(){
                        $().bgStretcher.pause();
                        $().bgStretcher.slideShow('normal', 3);
                        $().bgStretcher.play();
                    });
                    $('a#contact').click(function(){
                        $().bgStretcher.pause();
                        $().bgStretcher.slideShow('normal', 4);
                        $().bgStretcher.play();
                    });

        }
    });
});

これを書くためのより効率的/よりクリーンな方法は何でしょうか??

4

1 に答える 1

0

$()あなたが書く代わりに、$('body')このように使ってみてください：

.
.
.
//  Initialize Backgound Stretcher     
    $('body').bgStretcher({
.
.
.
.
                    $('a#design').click(function(){
                        $('body').bgStretcher._clearTimeout();
                        $('body').bgStretcher.slideShow('normal', 0);
                        $('body').bgStretcher.play();
                    });
.
.
.
于 2013-10-21T07:22:43.240 に答える