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

bxslider가 작동이 되질 않습니다. 채택완료

길가던분 8년 전 조회 3,667

js 같은건 나중에 폴더 옮길꺼구 일단 되는지 확인할라고 저기다가 넣었습니다. cleanermart.kr 이 주소입니다.


뭘 잘못한걸까요? 아래처럼 줬는대. 오로지 사진 두장만 뜹니다.


<head.sub.php>

 


<script src="http://cleanermart.kr/css/jquery.bxslider.min.js">http://cleanermart.kr/css/jquery.bxslider.min.js"></script>


<!-- bxSlider CSS file -->

<link href="http://cleanermart.kr/css/jquery.bxslider.min.css">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">http://cleanermart.kr/images/main/mach1m.png" title="Funky roots" /></li>

  <li><img src="http://cleanermart.kr/images/main/mach3m.png">http://cleanermart.kr/images/main/mach3m.png" title="The long and winding road" /></li>

</ul>


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

답변 2개

채택된 답변
+20 포인트

<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>

이건 어디에 넣으신 건가요?

소스 보기를 하니 보이질 않는데...

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

답변에 대한 댓글 4개

길가던분
8년 전
ul 위에 넣었는대 실제 소스엔 있는대 크롬에서 소스보기를하니 보이질 않아서 방금 head.sub로 위치를 바꿔줬습니다.
길가던분
8년 전
https://nofile.io/f/GyPE3C4OPkw/php.zip 혹시몰라 소스코드 전체를 첨부해둡니당. 링크 눌러서 받아주세용
길가던분
8년 전
다시 첨부터하니 일단 ul위에 스크립트 코드는 뜹니다. 그러나 여전히 안되내요
왕계란
8년 전
$(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() {
// 이 사이에 넣으셔야 합니다.
});

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

댓글이 안써져서 암튼 감사합니다.됩니다^^

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

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

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

로그인