그누보드 모바일에 bxslider를 적용하려고 하는데 잘안됍니다;
본문
http://insight9cafe.cafe24.com/index.php?device=mobile
1.(script 연결하기1)
/theme/basic/head.sub.php 파일에다가
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="<?php echo G5_JS_URL ?>/bxslider/jquery.bxslider.min.js"></script>
넣고
2. (class= bxslider 주기)
/theme/basic/mobile/index.php에
<div class="bx-wrapper">
<div class="bx-viewport">
<ul class="bxslider">
<li><img src="/theme/basic/img/sub1_banner01.jpg" alt="" title="Funky roots" ></li>
<li><img src="/theme/basic/img/sub1_banner01.jpg" alt="" title="Funky roots" ></li>
</ul>
</div>
</div>
넣고
3. (script 연결하기2)
/js/mobile_basic.js 생성 후
$('.bxslider').bxSlider({
mode: 'fade',
captions: ture
});
넣고
./theme/basic/head.sub.php 파일에다가
<script src="<?php echo G5_JS_URL ?>/mobile_basic.js"></script>
연결시키고
4. (css 연결시키기)
./theme/basic/head.sub.php 파일에다가
<link rel="stylesheet" href="<?php echo G5_THEME_CSS_URL; ?>/jquery.bxslider.css" />
하라는대로 다 했는데
왜 안돼는지 알 수 없습니다 ㅠ;; 도와주세요 ㅠㅠ
답변 1
$('.bxslider').bxSlider({
mode: 'fade',
captions: ture
});
ture -> true로 바꾸세요...
여기서 에러나는듯....
=ㅁ=;; 오타가..;;;;; 바꿔봤는데
아쉽게도 변화가 없습니다 ㅠ;;
아예 $(document).ready(function(){
$('.bxslider').bxSlider();
});
이럭로 바꾸니까 실행됩니다 ㅠㅠㅠㅠㅠㅠㅠㅠ 감사합니다 ㅠㅠ
