미채택 완료

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

2017-07-30 (일) 20:53:24 2,737

저희 아버지 쇼핑몰 만들어드리는 중인대 메인에 자동 슬라이드 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&amp;charset=%28detect+automatically%29&amp;doctype=Inline&amp;group=0&amp;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개

2017-07-30 (일) 21:53:03
해결했습니다.

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