1

..こんにちは皆さん、jquery は本当に初めてで、この問題を修正するのに苦労しています。問題は...最初のコンテンツに戻る効果ではなく、無限ループが必要です。

function initCarousel() {
jQuery('.link-block').scrollGallery({
    mask: 'div.mask',
    slider: 'div.slideset',
    slides: 'div.slide',
    btnPrev: 'a.prev',
    btnNext: 'a.next',
    autoRotation: true,
//displayTime: 5000,
    circularRotation: true,
    switchTime: 3000,
    animSpeed: 500

…………

    // jquery plugin
$.fn.scrollGallery = function(opt){
    return this.each(function(){
        $(this).data('ScrollGallery', new ScrollGallery($.extend(opt,{holder:this})));
    });
};
}(jQuery));

ここの誰かが助けてくれることを願っています:)

4

1 に答える 1

4

jsfiddle を提供するとこれを確認するのに役立ちますが、使用しているプラ​​グインは、求めている「無限ループ」効果をサポートしていないように感じます。

次のプラグインは、「無限ループ」効果で機能し、ScrollGallery プラグインが動作するのと同じ HTML 構造に「プラグイン」するように設計されているようです。元の HTML と残りの JS をもう一度見ると、役に立ちます。

function initCycleCarousel() {
    jQuery('.link-block').scrollAbsoluteGallery({
        mask: 'div.mask',
        slider: 'div.slideset',
        slides: 'div.slide',
        btnPrev: 'a.prev',
        btnNext: 'a.next',
        pauseOnHover: true,
        maskAutoSize: true,
        autoRotation: true,
        switchTime: 3000,
        animSpeed: 500
    });
}

プラグイン自体はここにあります。JavaScriptにも含める必要があります。

于 2014-10-27T16:21:36.763 に答える