슬라이드의 이미지가 보이지않네요!! 도와주세요!!
본문
<!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
제이쿼리가 동작하려면 js파일의 순서도 중요한데 아마도 분리해서 넣었을때
다른 js나 소스의 무언가와 충돌이 있는것 같아요..
그래서 저 소스를 인식을 못하는듯
좀 더 자세히 내용을 알아야 가능할 것 같네요.
그래도 도움이 필요하시다면 *** 개인정보보호를 위한 이메일주소 노출방지 *** 친구추가 하고 대화거세요~
아무래도 기존 제이쿼리 소스와 충돌 같습니다.
/jquery-1.8.3.min.js
이 제이쿼리와 충돌이 있는듯하네요!!!
위 소스 중의 9번 라인을 주석처리하고 해보시기 바랍니다.
버전 차이에 의하여 충돌이 날 수가 있다고 알고 있습니다.
답변을 작성하시기 전에 로그인 해주세요.