메인에 자동 슬라이드 js를 넣었는대 뜨질 않내요
본문
저희 아버지 쇼핑몰 만들어드리는 중인대 메인에 자동 슬라이드 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 -->