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

swiper 슬라이더 도움 요청합니당

케미컬 7년 전 조회 2,690

이미지 3개 넣은 상태입니다. 작동이 되지 않는데 왜인지 모르겠어요ㅠㅠ

 

http://리틀자이언트.com/main.php" target="_blank">http://리★틀자이★언★트.com/main.php

복사 후 ★빼고 접속 부탁드립니다.

 

</p>

<p>// 메인 슬라이드 부분 코드입니다.</p>

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

<p>

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

답변 2개

7년 전

스크립트 파일에서 이렇게 변경해주세요

</p>

<p>var swiper = new Swiper('.swiper-container', {

    pagination: '.swiper-pagination'

});</p>

<p>

 

그러고 보니깐 제이쿼리를 여러개 불러오는것 같은데... 문제점이 많아 보이네요

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

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

bxSlider 에서 일단 오류가 납니다. 해당 코드를 빼주세요. common.js 에 있는 jquery live() 함수도 지금 jquery 버전과 맞지 않습니다. live 함수는 on 함수로 변경해주세요.

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

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

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

로그인