Copy
<!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"> -->
<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">
<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>
</body></html>위에보이는 코드만 사용했을때는 슬라이드가 잘보여지고 작동 역시 문제가 없습니다.
그누보드5 메인에 분리해서 넣어보면!!! (헤드 서브 파일/인덱스파일에 맞도록)
보이지도 않고 작동도 안합니다.
혹시 jquery 문제인가 생각되어 그누보드5의 제이쿼리 부분 링크를 다 지워보와도
문제는 해결될 기미가 없네요!!
도와주세요! 슬라이드가 보일려면 어떻게 해야하나요?
|
답변 4개
채택된 답변
+20 포인트
커네드커네드
2014-04-30 (수) 15:02:52
제이쿼리가 동작하려면 js파일의 순서도 중요한데 아마도 분리해서 넣었을때
다른 js나 소스의 무언가와 충돌이 있는것 같아요..
그래서 저 소스를 인식을 못하는듯
2014-05-01 (목) 00:24:40
위 소스 중의 9번 라인을 주석처리하고 해보시기 바랍니다.
버전 차이에 의하여 충돌이 날 수가 있다고 알고 있습니다.
크리에이티브
2014-04-30 (수) 16:30:59
아무래도 기존 제이쿼리 소스와 충돌 같습니다.
/jquery-1.8.3.min.js
이 제이쿼리와 충돌이 있는듯하네요!!!
2014-04-30 (수) 14:39:51
좀 더 자세히 내용을 알아야 가능할 것 같네요.
그래도 도움이 필요하시다면 [email protected] 친구추가 하고 대화거세요~
답변을 작성하려면 로그인이 필요합니다.