홈>2020-02-26 11:55

javascript - 올빼미 회전 목마 설치 문제

안녕하세요, 저는 웹 개발에 익숙하지 않고 페이지에 올빼미 회전 목마를 설치하고 싶었지만 아무 일도 일어나지 않았습니다. 내가 가진 코드는 다음과 같습니다.

<section class="showcase">
    <div class="owl-carousel">
        <div><img src="./9781471407956.jpg" alt=""></div>
        <div><img src="./9781471407956.jpg" alt=""></div>
        <div><img src="./9781471407956.jpg" alt=""></div>
        <div><img src="./9781471407956.jpg" alt=""></div>
    </div>
</section>

그런 다음 헤드 태그 안에 링크를 포함 시켰습니다

<link rel="stylesheet" href="./OwlCarousel2-2.3.4/dist/assets/owl.carousel.min.css">
<link rel="stylesheet" href="./OwlCarousel2-2.3.4/dist/assets/owl.theme.default.min.css">

마지막으로 본문을 닫기 직전에 자바 스크립트 코드를 포함 시켰습니다 :

<script src="./OwlCarousel2-2.3.4/docs/assets/vendors/jquery.min.js"></script>
<script src="./OwlCarousel2-2.3.4/dist/owl.carousel.min.js"></script>
$(document).ready(function(){
    $(".owl-carousel").owlCarousel();
});

정말 도움이 필요합니다

javascripthtmlowl-carousel

답변 # 1

var owl = jQuery('.owl-carousel');
            owl.owlCarousel({
                items: 1,
                margin: 10,
                autoplay: true,
                autoPlay: 3000,
                nav: false,
                dots: false,
                autoplayTimeout: 3000,
                autoplayHoverPause: true,
                loop: true,
});

그런 다음 스타일 포함

.owl-item {
   float:left
}

Python2.net

javascript - 올빼미 회전 목마 설치 문제

관련 자료