swiper 슬라이더 도움 요청합니당
본문
이미지 3개 넣은 상태입니다. 작동이 되지 않는데 왜인지 모르겠어요ㅠㅠ
복사 후 ★빼고 접속 부탁드립니다.
// 메인 슬라이드 부분 코드입니다.
<div id="spot" class="main">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="/img/main/main011.jpg" /></div>
<div class="swiper-slide"><img src="/img/main/main022.jpg" /></div>
<div class="swiper-slide"><img src="/img/main/main033.jpg" /></div>
</div>
<div class="swiper-pagination"></div>
</div>
<script src="/js/swiper.min.js"></script>
<script>
var swiper = new Swiper('.swiper-container', {
pagination: {
el: '.swiper-pagination',
},
});
</script>
</div>
답변 2
bxSlider 에서 일단 오류가 납니다. 해당 코드를 빼주세요. common.js 에 있는 jquery live() 함수도 지금 jquery 버전과 맞지 않습니다. live 함수는 on 함수로 변경해주세요.
스크립트 파일에서 이렇게 변경해주세요
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination'
});
그러고 보니깐 제이쿼리를 여러개 불러오는것 같은데... 문제점이 많아 보이네요
!-->
답변을 작성하시기 전에 로그인 해주세요.