急求教!请JS或H5高手帮忙看个代码,代码中哪段是控制(图片)最大播放数量的?

2025-01-01 12:02:13
推荐回答(1个)
回答1:

(function() {
   "use strict";
    var now = {
        row: 1,
        col: 1
    }, last = {
            row: 0,
            col: 0
        };
    const towards = {
        up: 1,
        right: 2,
        down: 3,
        left: 4
    };
   const totalPage = 3;
    var isAnimating = false;
    s = window.innerHeight / 500;
    ss = 250 * (1 - s);
    $('.wrap').css('-webkit-transform', 'scale(' + s + ',' + s + ') translate(0px,-' + ss + 'px)');
    document.addEventListener('touchmove', function(event) {
        event.preventDefault();
    }, false);
    $(document).swipeUp(function() {
        if (isAnimating) return;
        last.row = now.row;
        last.col = now.col;
        if (last.row != totalPage) {
            now.row = last.row + 1;
            now.col = 1;
            pageMove(towards.up);
        }
    })
    $(document).swipeDown(function() {
        if (isAnimating) return;
        last.row = now.row;
        last.col = now.col;
        if (last.row != 1) {
            now.row = last.row - 1;
            now.col = 1;
            pageMove(towards.down);
        }
    })

    function pageMove(tw) {
        var lastPage = ".page-" + last.row + "-" + last.col,
            nowPage = ".page-" + now.row + "-" + now.col;
        switch (tw) {
            case towards.up:
                outClass = 'pt-page-moveToTop';
                inClass = 'pt-page-moveFromBottom';
                break;
            case towards.right:
                outClass = 'pt-page-moveToRight';
                inClass = 'pt-page-moveFromLeft';
                break;
            case towards.down:
                outClass = 'pt-page-moveToBottom';
                inClass = 'pt-page-moveFromTop';
                break;
            case towards.left:
                outClass = 'pt-page-moveToLeft';
                inClass = 'pt-page-moveFromRight';
                break;
        }
        isAnimating = true;
        $(nowPage).removeClass("hide");
        $(lastPage).addClass(outClass);
        $(nowPage).addClass(inClass);
        setTimeout(function() {
            $(lastPage).removeClass('page-current');
            $(lastPage).removeClass(outClass);
            $(lastPage).addClass("hide");
            $(lastPage).find("img").addClass("hide");
            $(nowPage).addClass('page-current');
            $(nowPage).removeClass(inClass);
            $(nowPage).find("img").removeClass("hide");
            isAnimating = false;
        }, 600);
    }
})();