채택완료

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

2017-08-01 (화) 00:04:50 2,319
 캡션기능이 있는대 거기에 하이퍼링크를 집어넣기만하면 글자 드래그도 안되고 하이퍼링크한 글자는 검개 보이고 다음사진으로 넘기는 기능도 먹통이 되버리는대 뭐가 잘못된걸가요? 영카트가아닌 개별적으로 돌려봤을땐 정상적으로 보입니다. 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개

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

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