bxslider 슬라이더를 적용시키려고 하는데.. 잘 안되네요. 도움을 구합니다!!
본문
↓ head부분에
<link href="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.15/jquery.bxslider.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.15/jquery.bxslider.min.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
$('.bxslider').bxSlider();
$('.bxslider').bxSlider({
auto: true,
speed: 500,
pause: 4000,
mode:'fade',
autoControls: true,
pager: true,
});
});
//]]>
</script>
↓ body부분에
<div>
<ul class="bxslider">
<li><img src="<?php echo G5_THEME_URL; ?>/img/bg_1.jpg" title="슬라이더 연습-1"></li>
<li><img src="<?php echo G5_THEME_URL; ?>/img/bg_2.jpg" title="슬라이더 연습-2"></li>
</ul>
</div>
이렇게 적용했는데요.
슬라이드가 적용되지 않네요. ㅠㅠ
무엇이 문제인지 알려주세요!!
* 참고사이트 : https://offbyone.tistory.com/148
답변 1
$('.bxslider').bxSlider();
이 부분을 삭제해보세요..
해도 안되네요.. ㅠㅠ
http://eyekiss.kr/test.php
저는 잘 되는데요??
다른 스크립트와 충돌이 있는것 같습니다.
방금 해결했습니다!!
<script>를 맨 아래쪽으로 넣어주면 되네요! ㅎ