6

私はこのスクローラーで作業しています

http://coolcarousels.frebsite.nl/c/2/

私はこの設定を以下に持っています。

私の問題は、それを設定していvisible: 4て、4つの画像があるので、スクロールしないことです。に設定するとvisible: 3、期待どおりに動作します。ただし、ブラウザを1920ピクセル幅の解像度で全幅開いたときに、4つの画像すべてを1つの画面に表示したいと思います。だから問題はそうです。私が持っている画像の量に見えるように設定すると、それは機能しなくなります。

4つの画像すべてを一度に画面に表示してから、それらをスクロールする方法はありますか？

$(function() {
    $('#carousel').carouFredSel({

        width: '100%',  
        align: 'left',

        items: {
            visible: 4,
            start: 0,


        },
        scroll: {
            items: 1,
            queue           : true,
            fx: "scroll",
            easing: "swing",
            duration: 1000,
            timeoutDuration: 3000
        },

        prev: '.prev',
        next: '.next',


        auto: {
            easing: "quadratic",
            button: '.play',

            pauseOnEvent: 'resume',
                pauseOnHover: true
        }

    }).find(".slide .plusNav").hover(
              function() { $(this).find("div").slideDown(); },
              function() { $(this).find("div").slideUp();   }
    );
});
4

4 に答える 4

7

これを試して

items: {
    minimum: 0,
},
于 2013-03-18T22:10:39.410 に答える
-1

ソースを編集することでこれを行うことができました:/

jquery.carouFredSel-6.2.0.js の 554 行目と 556 行目を次のようにコメントアウトすると...

//  not enough items
var minimum = (is_number(opts.items.minimum)) ? opts.items.minimum : opts.items.visible + 1;
if (minimum > itms.total)
{
    // e.stopImmediatePropagation();
    // return debug(conf, 'Not enough items ('+itms.total+' total, '+minimum+' needed): Not scrolling.');
}

...それは私のために働いた。

于 2013-02-27T18:53:57.627 に答える