src/ZKEACMS.WebHost/wwwroot/js/Owl.Carousel.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/*! http://www.zkea.net/
 * Copyright (c) ZKEASOFT. All rights reserved.
 * http://www.zkea.net/licenses */

$(document).ready(function () {
    $('.owl-carousel').each(function () {
        var time = 4;
        var $progressBar,
            $bar,
            $elem,
            isPause,
            tick,
            percentTime;
        var carousel = $(this);
        var items = carousel.find(".item").size();
        if (items === 0) return;
        var autoGo = items > 1;

        var img = new Image();
        img.onload = function () {
            var itemHieght = carousel.width() / (this.width / this.height);
            carousel.find(".item").height(itemHieght);
        }
        img.src = carousel.find(".item:first").data("image-url");
        carousel.owlCarousel({
            slideSpeed: 500,
            paginationSpeed: 500,
            singleItem: true,
            navigation: true,
            navigationText: [
                "<i class='fa fa-angle-left'></i>",
                "<i class='fa fa-angle-right'></i>"
            ],
            afterInit: progressBar,
            afterMove: moved,
            startDragging: pauseOnDragging
            //autoHeight : true,
            //transitionStyle: "fadeUp"
        });

        //Init progressBar where elem is $("#owl-demo")
        function progressBar(elem) {
            $elem = elem;
            //build progress bar elements
            buildProgressBar();
            //start counting
            start();
        }

        function buildProgressBar() {
            $progressBar = $("<div class='progressBar'>");
            $bar = $("<div class='bar'>");
            $progressBar.append($bar).appendTo($elem);
        }

        function start() {
            if (!autoGo) {
                return;
            }
            percentTime = 0;