bxslider가 작동이 되질 않습니다.
본문
js 같은건 나중에 폴더 옮길꺼구 일단 되는지 확인할라고 저기다가 넣었습니다. cleanermart.kr 이 주소입니다.
뭘 잘못한걸까요? 아래처럼 줬는대. 오로지 사진 두장만 뜹니다.
<head.sub.php>
<script src="http://cleanermart.kr/css/jquery.bxslider.min.js"></script>
<!-- bxSlider CSS file -->
<link href="http://cleanermart.kr/css/jquery.bxslider.min.css" rel="stylesheet" />
<shop index.php>
<script>
$('.bxslider').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>
<ul class="bxslider">
<li><img src="http://cleanermart.kr/images/main/mach1m.png" title="Funky roots" /></li>
<li><img src="http://cleanermart.kr/images/main/mach3m.png" title="The long and winding road" /></li>
</ul>
답변 2
<script>
$('.bxslider').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>
이건 어디에 넣으신 건가요?
소스 보기를 하니 보이질 않는데...
ul 위에 넣었는대 실제 소스엔 있는대 크롬에서 소스보기를하니 보이질 않아서 방금 head.sub로 위치를 바꿔줬습니다.
https://nofile.io/f/GyPE3C4OPkw/php.zip 혹시몰라 소스코드 전체를 첨부해둡니당. 링크 눌러서 받아주세용
다시 첨부터하니 일단 ul위에 스크립트 코드는 뜹니다. 그러나 여전히 안되내요
$(function() {
$('.bxslider').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 수정이 필요
});
});
$(function() {
// 이 사이에 넣으셔야 합니다.
});
댓글이 안써져서 암튼 감사합니다.됩니다^^
