0

このスライダーを自動スクロールに設定したいと考えています。今、私はこれに非常に慣れておらず、他の誰かからコードを取得しました。自動スクロールに設定する方法を誰か教えてもらえますか?

自分で編集してみましたがだめでした!

必要に応じて、完全な .js ファイルへのリンクを次に示します。http://jsfiddle.net/CMCPB/

mainCycle: {
    currentIndex: 0,
    slidersSpeed: 500,
    resizing: 0,
    objLib: {
        cycleA: $('section.cycle-a'),
        cycleNav: $('#cycle-1-nav'),
        allSliders: $('section.cycle-a > article'),
        cycleNavContainer: $('nav.cycle-nav-container'),
        nextButton: null,
        prevButton: null
    },
    init: function () {
        var self = this;
        self.cycleInit();
    },
    cycleInit: function () {
        var self = this;
        if (self.objLib.cycleA.length) {
            var startIndex = self.getIndexByHash();
            self.generateNavButtons();
            self.cycleStart(startIndex);

            self.horzNavInit();
            self.prevNavCycleStart();
            self.nextNavCycleStart();
            self.setNavigation(startIndex);

            //resize event listener
            self.resizeAction();

            //history event listener
            self.historyAction();

            //mousewheel event listener
            self.mouseWheelAction();

            //keyboard navigation
            self.keyboardNavigation();

            //gestures navigation
            self.gesturesNav();
        }
    },
    cycleStart: function (startingIndex) {
        var self = this;

        if (startingIndex) {

        } else {
            startingIndex = 0;
        }

        self.mainSlider = self.objLib.cycleA.cycle({
            fx: 'scrollHorz',
            speed: self.slidersSpeed,
            timeout: 0,
            autostop: 0,
            init: 1,
            /*easing : "swing",*/
            next: self.objLib.nextButton,
            prev: self.objLib.prevButton,
            manualTrump: false,
            startingSlide: startingIndex,
            before: function (curr, next, opts, fwd) {
                //alert(opts.fx);
                self.objLib.cycleA.scrollTop(0);
                if (opts.init === 1) {
                    var index = startingIndex;
                    opts.init = 0;
                    self.currentIndex = index;
                } else {
                    var index = opts.nextSlide;
                    self.currentIndex = index;
                    self.cycleEffect($(next), fwd);
                }
                self.activeNavChanger(index);
            },
            after: function (curr, next, opts) {
                //set new document location hash
                var myId = $(next).attr('id');
                var hash = document.location.hash.replace('#', '');
                if (hash != myId) {
                    $('#' + myId).attr('id', '_' + myId);
                    document.location.hash = '#' + myId;
                    $('#_' + myId).attr('id', myId);
                }
            }
        });
    },
4

0 に答える 0