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