테스트 사이트 - 개발 중인 베타 버전입니다

슬라이드의 이미지가 보이지않네요!! 도와주세요!! 채택완료

크리에이티브 11년 전 조회 6,030

</p>
<p><!DOCTYPE html>
<html lang="">
 <head>
  <meta charset="utf-8">
  <title>Home</title>
  
  <link rel="stylesheet" href="css/camera.css">  
  <!-- <link rel="stylesheet" href="css/style.css"> --></p>
<p>  <script src="js/jquery.js"></script>
  <script src="js/jquery-migrate-1.1.1.js"></script>  
  <script src="js/jquery.easing.1.3.js"></script>
  <script src="js/camera.js"></script>
  
  
  <script>
  $(document).ready(function(){
   jQuery('#camera_wrap').camera({
   loader: false,
   pagination: true ,
   minHeight: '394',
   thumbnails: false,
   height: '40.1875%',
   caption: false,
   navigation: false,
   fx: 'mosaic'
   });
   $().UItoTop({ easingType: 'easeOutQuart' });
  })
  </script>
  
 </head>
 <body class="page1"></p>
<p>  
  <div class="slider_wrapper">
   <div id="camera_wrap" class="">
    <div data-src="images/slide.jpg"></div>
    <div data-src="images/slide1.jpg"></div>
    <div data-src="images/slide2.jpg"></div>
   </div>
  </div> </p>
<p>  
  
 </body>
</html></p>
<p>


위에보이는 코드만 사용했을때는 슬라이드가 잘보여지고 작동 역시 문제가 없습니다.


그누보드5 메인에 분리해서 넣어보면!!! (헤드 서브 파일/인덱스파일에 맞도록)

보이지도 않고 작동도 안합니다.


혹시 jquery 문제인가 생각되어 그누보드5의 제이쿼리 부분 링크를 다 지워보와도

문제는 해결될 기미가 없네요!!


도와주세요! 슬라이드가 보일려면 어떻게 해야하나요?

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

답변 4개

채택된 답변
+20 포인트
제이쿼리가 동작하려면 js파일의 순서도 중요한데 아마도 분리해서 넣었을때
다른 js나 소스의 무언가와 충돌이 있는것 같아요..
그래서 저 소스를 인식을 못하는듯 
로그인 후 평가할 수 있습니다

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

11년 전
위 소스 중의  9번 라인을 주석처리하고 해보시기 바랍니다.
 
버전 차이에 의하여 충돌이 날 수가 있다고 알고 있습니다.
로그인 후 평가할 수 있습니다

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

아무래도 기존  제이쿼리 소스와 충돌 같습니다.


/jquery-1.8.3.min.js

이 제이쿼리와 충돌이 있는듯하네요!!!


로그인 후 평가할 수 있습니다

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

11년 전
좀 더 자세히 내용을 알아야 가능할 것 같네요. 

그래도 도움이 필요하시다면 hayongsuk@nate.com 친구추가 하고 대화거세요~
로그인 후 평가할 수 있습니다

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

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

로그인