bxSlider 적용 안되는 이유 좀.. (문제 없어보이는데)
본문
http://pigdesign.dothome.co.kr/
일단 테스트 주소는 여기고요
html 부분
<ul class="yoSlide">
<li><a href=""><img src="<?php echo G5_IMG_URL ?>/maple/maplestory_logo2.png" alt="<?php echo $config['cf_title']; ?>"></a></li>
<li><a href=""><img src="<?php echo G5_IMG_URL ?>/maple/maplestory_logo2.png" alt="<?php echo $config['cf_title']; ?>"></a></li>
<li><a href=""><img src="<?php echo G5_IMG_URL ?>/maple/maplestory_logo2.png" alt="<?php echo $config['cf_title']; ?>"></a></li>
</ul>
스크립트 부분
<script>
$('.yoSlide').bxSlider({
mode:'horizontal', //default : 'horizontal', options: 'horizontal', 'vertical', 'fade'
speed:1000, //default:500 이미지변환 속도
auto: true, //default:false 자동 시작
captions: true, // 이미지의 title 속성이 노출된다.
autoControls: true, //default:false 정지,시작 콘트롤 노출, css 수정이 필요
});
</script>
참고로 CDN은 했어요 ㅎㅎ
뭐가 문제일까요
답변 1
<script src="/js/jquery.bxslider.min.js"></script>
<link href="/lib/jquery.bxslider.css" rel="stylesheet" />
이 두 파일이 없어서 404페이지를 읽어오는듯 합니다. cdn으로 바꾸시던가 해당위치에 파일 올리시면 될듯합니다.
그리고 jquery 코어파일이 cdn과 로컬 두번 불러오네요. 하나는 삭제하세요
그렇게 수정해도 안되요 ㅠㅠㅠㅠㅠㅠㅠㅠㅠ
우선.. .bxslider() 호출 위치를 맨 하단으로 옮기시던가 document ready 안으로 넣으셔야 할듯요.. 아직 있지도 않은 객체를 처리하려니 없어서 패스된듯 합니다.
그리고 경우에따라 마지막에 들어간 컴마때문에 오류가 생길수도 있습니다.
$(function(){
$('.yoSlide').bxSlider({
mode:'horizontal', //default : 'horizontal', options: 'horizontal', 'vertical', 'fade'
speed:1000, //default:500 이미지변환 속도
auto: true, //default:false 자동 시작
captions: true, // 이미지의 title 속성이 노출된다.
autoControls: true //default:false 정지,시작 콘트롤 노출, css 수정이 필요
});
});