1
올빼미 회전 목마 슬라이더를 만들었으므로 슬라이드 사이의 전환을 눈치 채지 말고 천천히 연속적으로 움직여야합니다. example입니다 (슬라이드가 페이지 하단에 있음)올빼미 회전 목마 슬라이드 전환
올빼미 회전 슬라이드 슬라이더는이 슬라이드와 같은 전환을 수행 할 수 없습니다.
올빼미 회전 목마 슬라이더를 만들었으므로 슬라이드 사이의 전환을 눈치 채지 말고 천천히 연속적으로 움직여야합니다. example입니다 (슬라이드가 페이지 하단에 있음)올빼미 회전 목마 슬라이드 전환
올빼미 회전 슬라이드 슬라이더는이 슬라이드와 같은 전환을 수행 할 수 없습니다.
가장 가까운 것은 autoplayTimeout과 smartSpeed의 차이를 최소화하는 것입니다. Jsfiddle example
$(document).ready(function() {
$(".owl-carousel").owlCarousel({
loop: true,
autoplay: true,
autoplayTimeout: 1520,
smartSpeed: 1500,
animateIn: 'linear',
animateOut: 'linear'
});
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.theme.default.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.carousel.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/owl.carousel.js"></script>
<div class="owl-carousel">
<div> Your Content 1 </div>
<div> Your Content 2</div>
<div> Your Content 3</div>
<div> Your Content 4</div>
<div> Your Content 5</div>
<div> Your Content 6</div>
<div> Your Content 7</div>
</div>
하지만 슬라이드가 3 개의 항목을 굴려 약간의 시간 초과가있을 경우 중지가 필요하지 않았습니다. – Geo1313
후 여기에 코드의 모든! – mlegg
https://jsfiddle.net/43g1c395/ – Geo1313