고수님들 도와주십시오. > 개발자팁

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

고수님들 도와주십시오. 정보

JavaScript 고수님들 도와주십시오.

본문

보시면 이미지가 4장 있는데요 임마들이 원래는 슬라이드가 되야하는데,
제일 밑에 보시면 있는 갤러리 최신 이랑 부딪히는지 작동이 안됩니다.
무엇이 문제일까요..ㅠㅠ
 
아무리 해봐도 저는 모르겠습니다.
도와주십시오.
추천
0

댓글 10개

와우 잘못된 곳이 너무 많아요... ㅜ.ㅜ

html 문서가 2번 시작되네요. 소스도 꼬이셨네요. UTF-8로 받으셨다가 EUC-KR로 변경해서 저장된 것을 불러오거나 반대로된 부분이 include로 불러와 포함된 것 같네요. character set이 틀려서 해당 부분이 깨졌어요.  하단에 한글이 제대로 나오는 것을 보니 상단에 include된 곳 같네요.
<span style='font-family:????;'>앤드류목사님 <- 분명 2개의 다른 charset이 지금 한번에 사용되고 있어요. 아싸리 잘못 선언되거나 부분적 include에 따라 잘못지정해서 저장하면 이럴 수 있는데 신기합니다. DB charset만 다를까.. DB가 깨져도 한번 utf-8로 바꿔서 슬라이드가 정상 작동하는지 해보세요.
헉...이게 말입니다. 도메인이 바뀔 예정이라서 서버에서 이게 바뀌어 버렸네요 지금 shilohmissions.com 으로 들어가 보시면 됩니다..ㅠㅠ 다시 한번만 더 부탁드릴께요..
아항 scriptaculous가 보이네요. prototype에서 사용하는 것인데 역시 jQuery도 있고 프레임워크가 같이 쓰면 안될만한 것이 2개가 같이 있네요. 이건 금방 해결될 것 같네요. prototype에 슬라이딩 하나만 쓰시겠죠? 그럼 바로 되는데요.
수정완료  ^.^

일단 작동 확인은 해당 홈페이지에서 주소창에 아래와 같이 칩니다. 자바스크립트 코드를 해당 홈페이지에서 직접 실행하는 방법이에요. 바로 작동되는 것을 확인할 수 있어요

javascript:jQuery('#coin-slider').coinslider({width:960,height:360,opacity:1});

보안 문제때문에 복사하기/붙이기를 하면 javascript: 부분이 생략될 수 있으니 안보이시면 javascript: 를 다시 앞에다 타자쳐서 넣어주세요.

짜아아안~ 잘나오죠?
script.js 파일을 슬라이더 관련 부분 삭제하시고 다음과 같이 쓰세요.

;(function($) {
  $(document).ready(function() {
    $('#coin-slider').coinslider({width:960,height:360,opacity:1});
  });
})(jQuery);
---
다시 수정했습니다.
다른 jQuery 쓰이는 곳이 있으면 함수의 bracket안에 넣어주시면 일단 임시로 되고요. jQuery와 prototype이 모두 $로 둘다 사용하기에 충돌이 생깁니다. 보다 자세한 내용은 http://api.jquery.com/jQuery.noConflict/ 를 참고하시면 있어요.
전체 5,397
개발자팁 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT