나는 Owl Carousel jquery 플러그인을 사용하고 있습니다. autoplay
을 사용하고 싶습니다. 그러나 그것은 작동하지 않습니다올빼미 회전 목마를 자동 재생으로 설정하는 방법
<script src="{{base_url()}}assests/new/js/owl-carousel.js"></script>
<script src="{{base_url()}}assests/new/js/owl.autoplay.js"></script>
$(document).ready(function(){
var owl = $('.owl-carousel');
owl.owlCarousel({
items:1,
loop:true,
autoplay:true,
autoplayTimeout:1000,
autoplayHoverPause:true
});
});
내 슬라이더 :
<div class="owl-carousel owl-slider m20" id="owl-carousel-slider" data-inner-pagination="true" data-white-pagination="true" data-nav="false" data-autoPlay="true">
<div>
<div onclick="goToProduct('home-kitchen');" class="bg-holder cursor-pointer">
<img src="{{base_url().'assests/new/img/sliders/home-kitchen.jpg'}}" />
<div class="bg-mask display-none"></div>
<div class="bg-front vert-center text-white text-center">
<h2 class="text-uc"></h2>
<p class="text-bigger"></p>
<p class="text-hero"></p>
</div>
</div>
</div>
<div>
<div onclick="goToProduct('digital-accessories');" class="bg-holder">
<img src="{{base_url().'assests/new/img/sliders/digital-accessories.jpg'}}" />
<div class="bg-mask display-none"></div>
<div class="bg-front vert-center text-white text-center">
<h2 class="text-uc"></h2>
<p class="text-bigger"></p>
<p class="text-hero"></p>
</div>
</div>
</div>
</div>
내 웹 사이트 : 당신이 자동 재생을 사용하려는 경우
http://www.shadyab.com/category/tehran/commodity/all
5로 변경했지만 작동하지 않았습니다. –