>

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

<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();
});

정말 도움이 필요합니다


  • 답변 # 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
    }
    
    

  • 이전 MySQL, 다른 테이블의 값을 가장 큰 값으로 변경하고 싶습니다
  • 다음 C ++가 루프 조건을 무시 함