제이쿼리 bxSlider 잘쓰시는분 계신가요?
관련링크
본문
제이쿼리 bxslider 를 사용해보려고 하는데....
계속 목록형식으로만 나오고 원하는데로 나오지가 않네요...
도와주실수 있는분 계신가요...?
(링크참조)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head><body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="/js/jquery.bxslider.min.js"></script>
<link href="/lib/jquery.bxslider.css" rel="stylesheet" />
<script type="text/javascript">
$(document).ready(function(){
$('.slide').bxSlider({
mode: 'fade', //사라지는 모냥
pager: true, //하단 페이지
auto: true, //자동시작
captions: true, //캡션
controls:false //전 후 콘트롤 보이기 안보이기
});
});
</script>
<div style="width:600px">
<ul class="slide">
<li><img src="이미지명"></li>
<li><img src="이미지명"></li>
<li><img src="이미지명"></li>
</ul>
</div>
</body>
</html>
답변 2
브라우저에서 F12를 눌러 네트워크탭의 플레이버튼을 누르시고 새로고침을 해보세요.
제가 봤을때 bxslider 경로가 잘못되어있어 404에러 뜨거같은데요.
저는 아래소스로 문제 없이 됩니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="/theme/wsbc/css/jquery.bxslider.css">
<script src=""></script>
<script src="/theme/wsbc/js/jquery.bxslider.js"></script>
</head>
<body>
<div style="width:600px">
<ul class="slide">
<li><img src="이미지명"></li>
<li><img src="이미지명"></li>
<li><img src="이미지명"></li>
</ul>
</div>
<script type="text/javascript">
$(document).ready(function(){
$('.slide').bxSlider({
mode: 'fade', //사라지는 모냥
pager: true, //하단 페이지
auto: true, //자동시작
captions: true, //캡션
controls:false //전 후 콘트롤 보이기 안보이기
});
});
</script>
</body>
</html>
<script src="/js/jquery.bxslider.min.js"></script>
<link href="/lib/jquery.bxslider.css" rel="stylesheet" />
이거 두 가지 다 경로 제대로 잡으시면 될 겁니다.
