채택완료

자동 슬라이드js를 달았는대 하이퍼링크가 안되내요

 캡션기능이 있는대 거기에 하이퍼링크를 집어넣기만하면 글자 드래그도 안되고 하이퍼링크한 글자는 검개 보이고 다음사진으로 넘기는 기능도 먹통이 되버리는대 뭐가 잘못된걸가요? 영카트가아닌 개별적으로 돌려봤을땐 정상적으로 보입니다. cleanermart.kr (홈페이지주소)

head.sub.php

​<link rel='stylesheet' id='camera-css'  href='https://cleanermart.kr/css/camera.css' type='text/css' media='all'>
<script type='text/javascript' src='https://cleanermart.kr/scripts/jquery.min.js'></script>
<script type='text/javascript' src='https://cleanermart.kr/scripts/jquery.easing.1.3.js'></script>
    <script type='text/javascript' src='https://cleanermart.kr/scripts/camera.min.js'></script>
   
    <script>
  jQuery(function(){
   
   jQuery('#camera_wrap_1').camera({
    thumbnails: true
   });

   jQuery('#camera_wrap_2').camera({
    height: '400px',
    loader: 'bar',
    pagination: false,
    thumbnails: false
   });
  });
 </script>

​

​shop index.php

​<div class="fluid_container">
   
        <div class="camera_wrap camera_azure_skin" id="camera_wrap_1">
            <div data-src="http://cleanermart.kr/images/main/mach1m.png">
                <div class="camera_caption fadeFromBottom">
                    Camera is a responsive/adaptive slideshow. <em>Try to resize the browser window</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">have a look</a>

                </div>
            </div>
            <div data-src="http://cleanermart.kr/images/main/mach3m.png">
                <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-src="http://cleanermart.kr/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-src="http://cleanermart.kr/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-src="http://cleanermart.kr/images/slides/shelter.jpg">
                <div class="camera_caption fadeFromBottom">
                    It supports captions, HTML elements and videos and <em>it's validated in HTML5</em>                 </div>
            </div>
            <div  data-src="http://cleanermart.kr/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 -->
</div>

|

답변 1개 / 댓글 1개

채택된 답변
+20 포인트

해당 슬라이드 스크립트가.. 그누보드 기본 스크립트들과 충돌이 나요.

아래 BX슬라이더 같은 플러그인으로 교체해서 사용해 보심을 추천드려요.

http://bxslider.com/ 

답변에 대한 댓글 1개

감사합니다. 그거 써볼께용

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