bxSlider 적용 안되는 이유 좀.. (문제 없어보이는데) 채택완료
http://pigdesign.dothome.co.kr/">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과 로컬 두번 불러오네요. 하나는 삭제하세요
답변에 대한 댓글 2개
그리고 경우에따라 마지막에 들어간 컴마때문에 오류가 생길수도 있습니다.
[code]
$(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 수정이 필요
});
});
[/code]
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인