테스트 사이트 - 개발 중인 베타 버전입니다

메인화면에 배너 - 자동 슬라이드 어떻게 하나요 채택완료

김태현Tabby 2년 전 조회 2,017

메인화면에 배너가 여러개 등록되어 있는데요

 

이 배너는 게시판에서 이미지로 등록하면 자동 등록되는 그런 구조입니다. 

 

어찌하든 index.php 에는 세개의 배너를 손으로 넘기면 수동으로 넘어가도록 되어있습니다. 

 

배너이미지를 수동으로 넘기지 않고 자동으로 슬라이드로 넘어가도록 못하나요? 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 5개

채택된 답변
+20 포인트
들레아빠

/theme/mint/mobile/index.php

</p>

<p><script>

    $(document).ready(function(){

        $('.bxslider').bxSlider();

    });

</script></p>

<p>

=>

</p>

<p><script>

$(document).ready(function () {

$('.bxslider').bxSlider({

pager: false

, pause: 4000

, auto: true

, controls: true

});

});

</script></p>

<p>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

김태현Tabby
2년 전
감사합니다 그대로 붙여넣기 하니까? 곧바로 잘 실행이 되었습니다. ^^
들레아빠
2년 전
채택 감사 합니다. 또 질문을 하시면 답변을 찾아 볼게요.

댓글을 작성하려면 로그인이 필요합니다.

2개월 전

이게 저도 같은 문제로 검색하다가 보니...

 

저는 영카트5만 우선 활성화된 상태인데, 테마로 설정하다보니..좀 헷갈리더라구요

 

skin/shop/basic/boxbanner.skin.php

theme/테마명/skin/shop/basic/boxbanner.skin.php

 

두곳이 있어서, 영카트5에서는 shop.head.php에 이런 코드가 있어서 좀 헷갈렸거든요,

</p>

<p><!-- 쇼핑몰 배너 시작 { --></p>

<p>  <?php echo display_banner('왼쪽'); ?></p>

<p><!-- } 쇼핑몰 배너 끝 --></p>

<p>

 

결과적으로 둘다 자동 슬라이드 되려면 두곳을 수정해야 하더라구요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

M
2년 전

</p>

<p>$(document).ready(function(){

    $('.bxslider').bxSlider({

     auto:'auto',

     autoDelay:3000

   });

});

이렇게 변경하시면 됩니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

M
2년 전

사용하시는 슬라이드마다 자동으로 플레이 하는게 다릅니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

김태현Tabby
2년 전
http://klesis38.cafe24.com 메인페이지 배너입니다. 손으로 넘기면 수동으로 슬라이드로 넘어갑니다. 수동으로도 넘어가고 자동으로도 넘어갔으면 좋겠습니다.
김태현Tabby
2년 전
감사합니다. 잘 해결되었습니다.

댓글을 작성하려면 로그인이 필요합니다.

가능한데 슬라이드 어떤거 쓰시나요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

김태현Tabby
2년 전
http://klesis38.cafe24.com 메인페이지 배너입니다. 손으로 넘기면 수동으로 슬라이드로 넘어갑니다. 수동으로도 넘어가고 자동으로도 넘어갔으면 좋겠습니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인