메인에 자동 슬라이드 js를 넣었는대 뜨질 않내요

메인에 자동 슬라이드 js를 넣었는대 뜨질 않내요

QA

메인에 자동 슬라이드 js를 넣었는대 뜨질 않내요

답변 1

본문

저희 아버지 쇼핑몰 만들어드리는 중인대 메인에 자동 슬라이드 js(http://www.pixedelic.com/plugins/camera/)를 넣었는대 뜨질 않내요(사이트주소 : http://cleanermart.kr)


jquery.min.js는 기존 영카트에있던걸 지우고 아래처럼 자동슬라이드 쪽에 있는 코드를 복사헤 붙혀넣었습니다.


테마에 index.php에는 이렇게 수정했구용

<link rel='stylesheet' id='camera-css'  href='http://cleanermart.kr/css/camera.css' type='text/css' media='all'>

    <script type='text/javascript' src='http://cleanermart.kr/scripts/jquery.mobile.customized.min.js'></script>
    <script type='text/javascript' src='http://cleanermart.kr/scripts/jquery.easing.1.3.js'></script>
    <script type='text/javascript' src='http://cleanermart.kr/scripts/camera.min.js'></script>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>


​테마 샵 폴더에 index.php에는 이렇게 수정했습니다.

<!-- 히트상품 시작 { -->

<div class="fluid_container">
   
        <div class="camera_wrap camera_azure_skin" id="camera_wrap_1">
            <div data-thumb="https://cleanermart.kr/images/slides/thumbs/bridge.jpg" data-src="../images/slides/bridge.jpg">
                <div class="camera_caption fadeFromBottom">
                    Camera is a responsive/adaptive slideshow. <em>Try to resize the browser window</em>
                </div>
            </div>
            <div data-thumb="https://cleanermart.kr/images/slides/thumbs/leaf.jpg" data-src="../images/slides/leaf.jpg">
                <div class="camera_caption fadeFromBottom">
                    It uses a light version of jQuery mobile, <em>navigate the slides by swiping with your fingers</em>
                </div>
            </div>
            <div data-thumb="https://cleanermart.kr/images/slides/thumbs/road.jpg" data-src="../images/slides/road.jpg">
                <div class="camera_caption fadeFromBottom">
                    <em>It's completely free</em> (even if a donation is appreciated)
                </div>
            </div>  
            <div data-thumb="https://cleanermart.kr/images/slides/thumbs/sea.jpg" data-src="../images/slides/sea.jpg">
                <div class="camera_caption fadeFromBottom">
                    Camera slideshow provides many options <em>to customize your project</em> as more as possible
                </div>
            </div>
            <div data-thumb="https://cleanermart.kr/images/slides/thumbs/shelter.jpg" data-src="../images/slides/shelter.jpg">
                <div class="camera_caption fadeFromBottom">
                    It supports captions, HTML elements and videos and <em>it's validated in HTML5</em> (<a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.pixedelic.com%2Fplugins%2Fcamera%2F&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.2" target="_blank">have a look</a>)
                </div>
            </div>
            <div data-thumb="https://cleanermart.kr/images/slides/thumbs/tree.jpg" data-src="../images/slides/tree.jpg">
                <div class="camera_caption fadeFromBottom">
                    Different color skins and layouts available, <em>fullscreen ready too</em>
                </div>
            </div>
        </div><!-- #camera_wrap_1 -->

이 질문에 댓글 쓰기 :

답변 1

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 162
© SIRSOFT
현재 페이지 제일 처음으로