이미지 슬라이드 부분을 멈추게 할려면 소스를 수정을 해야되는데요

고급자용 소스수정에 들어가서 js하단부분에 가면 위와 같은 내역이 있습니다 여기서 두군데를 수정을 하시면 됩니다.

 

jQuery(function($){
 var $owl = $('#owl__19837__');

 $owl.owlCarousel({
  margin: 0,        // 이미지 간격
  loop: false,        // 무한 반복
  center: false,       // 액티브 슬라이드 가운데 정렬
  mouseDrag: true,      // 마우스 드레그 사용
  touchDrag: true,      // 터치 드레그 사용
  stagePadding: 0,      // 스테이지 여백 (좌우 슬라이드 노출)
  nav: {$farm_set[nav]},     // 방향 네비게이션
  dots: {$farm_set[dots]},    // 하단 네비게이션
  dotsEach: false,      // 하단 네비게이션 (페이지별 출력,항목별 출력)
  autoplay: false,       // 자동 재생
  autoplayTimeout: 5000,     // 자동 재생 속도
  smartSpeed: 250,      // 슬라이드 속도
  responsiveRefreshRate: 0,    // 반응형 체크 시간
  startPosition: 0,      // 시작 슬라이드 번호
  URLhashListener: false,     // #URL 로 액티브 슬라이드 동작
  autoplayHoverPause: false,    // 마우스 오버시 일시정지
  responsiveClass: false,     // 반응형 class명 사용 (owl-reponsive-0)
  navContainer: false,     // 방향 네비게이션 커스터마이징
  dotsContainer: false,     // 하단 네비게이션 커스터마이징
  items:1,        // 한 화면 출력수
  slideBy:1,        // 한번에 슬라이드 되는 수
  animateOut: '{$farm_set[animateOut]}' // 슬라이드(''), 페이드(fadeOut)
 });

 //메인 슬라이드 모바일 caption 높이 동일하게
 var $item_caption = $owl.find('.item .caption .caption_inner');
 var $item_caption_h;

 m_caption_h();

 $(window).on('resize', function(){
  m_caption_h();
 });

 function m_caption_h(){
  $item_caption_h = 0;
  $item_caption.removeAttr('style');
  if(Modernizr.mq('only all and (max-width:767px)')==true){
   $owl.find('.owl-item').each(function(){
    if($item_caption_h < $(this).find('.item .caption').height()){
     $item_caption_h = $(this).find('.item .caption').height();
    }
   });
                                                 
   $item_caption.height($item_caption_h);
   //console.log($item_caption_h);
  }
 }
});

 

위의 두군데를 true에서 false로 변경을 해주시면 됩니다.

 

해당 사이트는 저희쪽에서 처리를 해드렸으니 참고하시기 바랍니다.