вопрос загрузки карусели совы - PullRequest
Новая
       15

вопрос загрузки карусели совы

0 голосов
/ 25 апреля 2019

проблема загрузки совой карусели Я использую плагин jquery owl-carousel Я настроил свою карусель согласно руководству, но она показывает загрузку совой-карусели (класс добавлен в dom owl-loading). Я добавил свой собственный стиль или код JavaScript. Пожалуйста, помогите мне в решении этой проблемы. Заранее спасибо.

HTML 

                        <div id="owl" class="owl-carousel owl-theme partners_slider">

                            <!-- Partner Item -->
                            <div class="owl-item partner_item"><img src="./assets/img/client/partner_1.png" alt=""></div>

                            <!-- Partner Item -->
                            <div class="owl-item partner_item"><img src="./assets/img/client/partner_2.png" alt=""></div>

                            <!-- Partner Item -->
                            <div class="owl-item partner_item"><img src="./assets/img/client/partner_3.png" alt=""></div>

                            <!-- Partner Item -->
                            <div class="owl-item partner_item"><img src="./assets/img/client/partner_4.png" alt=""></div>

                            <!-- Partner Item -->
                            <div class="owl-item partner_item"><img src="./assets/img/client/partner_5.png" alt=""></div>

                            <!-- Partner Item -->
                            <div class="owl-item partner_item"><img src="./assets/img/client/partner_6.png" alt=""></div>

                        </div>
                    </div>

JS 

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.js"></script>

    <script src="./assets/js/owl.carousel.js"></script>
    <script>
        $(window).on('load',function(){
            $('#owl').owlCarousel(
            {
                autoplay:true,
                smartSpeed:1200,
                lazyLoad : true,
                nav:false,
                dots:false,
                responsive:
                {
                    0:
                    {
                        items:1
                    },
                    480:
                    {
                        items:2
                    },
                    720:
                    {
                        items:3
                    },
                    991:
                    {
                        items:4
                    },
                    1199:
                    {
                        items:6
                    }
                }
            });

});

    </script>
...