메인 이미지 슬라이드 문제

메인 이미지 슬라이드 문제

QA

메인 이미지 슬라이드 문제

본문

http://jiseong1.cafe24.com/ 

 

메인이미지슬라이드문제..

 

이게움직이면서 밑으로바뀌네여.. 어떻게해야할까여

이 질문에 댓글 쓰기 :

답변 1

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>

와 같이 들어가 있는데요.

그누보드 자체에서 1.83버전의 제이쿼리를 호출하고 있으므로

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

부분은 제거하시고요.

 

그리고, 메인 이미지 슬라이드 부분에

<div class="slide">
<ul class="slide_ul">
<li><img src="/img/main/main_01.jpg" style="margin-left: -50px" > </li>
<li><img src="/img/main/main_02.jpg" style="margin-left: -50px" > </li>
</ul>
</div>

와 같이 되어 있는데요.

페이지 구성하는데 margin-left:-50px을 지정해서 이미지를 배치하고 있는데요.

현재 웹페이지 레이아웃 구성상 이렇게 왼쪽 마진을 -50픽셀로 지정할 필요가 없을 듯 한데...

왜 이렇게 구성하고 있는지 좀 이해가 안되고요. 만일 마진이 필요하다면 각각의 이미지에 주지 말고 ul 자체에 지정하는 것이 좋아 보이고요.

그리고, 장기적인 관리를 위해서 스타일시트도 인라인 방식보다는 embed나 외부css로 구성하는 방식이 좋을 듯 하네요. 

제가 별도의 페이지에서 테스트해도 동일한 증상이 나옵니다.
main.js파일 자체에 문제가 있을수 있고요. 해당 슬라이드에 제공되는 css가 있을텐데 여기에는 존재하지 않는 듯 하네요.
메인 슬라이드 같은 경우는 인터넷에 많이 나와 있으니 다른 제이쿼리 플러그인을 사용해 보세요.

답변을 작성하시기 전에 로그인 해주세요.
전체 15
QA 내용 검색

회원로그인

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