영카트 기본배너 자동슬라이드 어떻게 설정하나요?
본문
<script>
$(function() {
$("#main_bn").bannerSlide({
wrap: ".slide-wrap",
slides: ".slide-wrap > li",
buttons: ".bn_silde_btn > button",
btnActive: "bn_sl",
startSlide: 0,
auto: 0
});
});
</script>
이렇게 소스가 있어서
auto:4000
이렇게 해보니까
4초마다 자동으로 돌아는가는데
마지막 이미지가 되면 다시 처음으로 이미지가 돌아가야하는데 그거는 어떻게해야하나요??
답변 2
<script>
$(function() {
$("#main_bn").bannerSlide({
wrap: ".slide-wrap",
slides: ".slide-wrap > li",
buttons: ".bn_silde_btn > button",
btnActive: "bn_sl",
startSlide: 0,
auto: 1 ,
continuous: true
});
});
</script>
이렇게 한번 해보세요~
답변감사합니다^^;
그대로 넣어보았지만 잘 적용이 안되고있습니다 ㅠㅠ
auto:1로 한다면
시작하자말자 0.1초만에 2번째 이미지로 넘어가있습니다.
다른 검색으로 보니 auto에는 5000 이런식으로 초가 들어간다고 알고있거든요 ㅠㅠ
자동슬라이드가 끝나면 또다시 처음 시작하게하려는게 이렇게 어려울줄이야...
지나가다 궁금해서.... 이 소스가 어디에 위치 하나요?
영카트 설치하시면
skin/shop/basic/mainbanner.10.skin.php
파일입니다.
제가 보기에는 슬라이더 기능의 옵션이 있으니 그 부분을 참고하셔서 적용을 하시는게 수월할듯 합니다.
보니까 배너슬라이더를 사용하는 옵션에 관련 정보를 파악하셔서 적용하시면 될듯 합니다.
네 해당 슬라이드는 js/shop.mobile.main.js 파일에 제이쿼리로 빠져있긴한데
해당 옵션이 잘 적용이 안되느것같습니다...