슬라이드 배너 (Owl-Carousel) 속도 조절 질문 드립니다.

Question

안녕하세요.코드 볼 줄 만 아는 디자이너입니다. 슬라이드 배너 속도를 좀 더 빠르게 조절하고 싶어요.플러그인은 Owl-Carousel이구요 autoplayTimeout에 원하는 속도를 입력하면 된다고 했는데배너 속도가 현재 dotsSpeed로 맞춰져 있는데 dotsSpeed속도를 줄이면 되는걸까요? (어떻게..?요)원하는 속도를 ms 단위로 조절 할 경우 dot에 오류가 날 것 같아서요.코드 아래에 첨부 합니다.. $(document).ready(function() { var owl &#61; $('.slides'); var dotsSpeed &#61; 7000; owl.owlCarousel({ items: 1, loop: true, margin: 0, autoplay: true, autoplayTimeout: dotsSpeed, autoplayHoverPause: true, nav: true, video: true, }); //console.log($('#slide .owl-dots .owl-dot').length) owl.on('refresh.owl.carousel', function(e) { //console.log('translate', e.item, e.page) fnPrgStr(e.page.index, true); }); owl.on('translate.owl.carousel', function(e) { //console.log('translate', e.item, e.page) fnPrgStr(e.page.index ? e.page.index - 1 : $('#slide .owl-dots .owl-dot').length - 1, false); fnPrgStr(e.page.index, true); }); // owl.on('translated.owl.carousel', function(e) { // console.log('translated', e.item, e.page) // //e.page.index // }); $('.play').on('click', function(e) { //owl.trigger('play.owl.autoplay', [3000]) owl.trigger('play.owl.autoplay'); $(this).addClass('hide'); $('.stop').removeClass('hide'); }) $('.stop').on('click', function(e) { owl.trigger('stop.owl.autoplay'); $(this).addClass('hide'); $('.play').removeClass('hide'); }); $('.rollings').owlCarousel({ loop: true, margin: 0, items: 1, nav: true, }); $('#emailPopup').popup({ closebutton: true }); //progress var prgItmArr &#61; []; function progress(obj,idx){ prgItmArr[idx] &#61; new ProgressBar.Circle(obj, { strokeWidth: 3, easing: 'linear', duration: dotsSpeed, //5000, color: 'rgba(0,0,0,1)', trailColor: 'rgba(0,0,0,0.3)', trailWidth: 3, svgStyle: null }); } function fnPrgStr(idx,flg){ if(flg){ prgItmArr[idx].animate(1.0,{ duration : dotsSpeed //5000 }); } else { prgItmArr[idx].animate(0.0,{ duration : 500 }); } } $('#slide .owl-dots .owl-dot').each(function(i, item) { //$(this).find('span').remove(); progress(item, i); fnPrgStr(i, false); }); if ($('#container').hasClass('main')) fnPrgStr(0, true);});

doru · Answer

어.. 그냥 var dotsSpeed 수정하면 되지않나요..? 뭔가 이유가 있어서 따로 빼서 여러곳에서 사용하는거같긴한데..아니면 autoplayTimeout에 직접 값 입력하셔요..

슬라이드 배너 (Owl-Carousel) 속도 조절 질문 드립니다.

1개의 답변

Q&A 목록