메인 bxslider 슬라이드 배너에서 이미지가 한 개 이상일 때만 autoslide 활성화 - 영카트강좌

본문 바로가기
전체검색

영카트강좌

그누보드, 영카트 초보 제작자분들을 위한 다양한 스킨 제작 활용 팁을 공유합니다.

메인 bxslider 슬라이드 배너에서 이미지가 한 개 이상일 때만 autoslide 활성화

관리자 19-09-18 16:25

영카트 메인 슬라이드 배너에서 이미지를 한 개 이상 등록했을 때만 자동슬라이드를 활성화하는 방법입니다.

배너를 한 개만 등록하면 슬라이드가 중지됩니다.



수정 파일 : skin/shop/basic/mainbanner.10.skin.php


하단 스크립트 설정에서..

auto: true,

여기를 이렇게 수정

auto: ($(".slide-wrap li").length > 1) ? true: false,


완료 후 코드 (빨간색 부분 참고)


<script>
jQuery(function($){
    var slider = $('.slide-wrap').show().bxSlider({
        speed:800,
        pagerCustom: '#bx_pager',
        auto: ($(".slide-wrap li").length > 1) ? true: false,
        useCSS : false,
        onSlideAfter : function(){
            slider.startAuto();
        }
    });
});
</script>

로그인 후 댓글 작성 가능합니다.

로그인

로그인 후 글 작성 가능합니다.
그누스킨닷컴

그누스터디는 그누보드, 영카트를 이용하시는 초보 사용자를 위한 정보를 공유합니다.

E-MAIL : gnustudy@naver.com / 카카오톡 : gnustudy / 텔레그램 : gnustudy
제작 문의를 제외한 일반 문의는 QA 게시판을 이용해주세요.

Copyright gnustudy.com All rights reserved.