메인 이미지 슬라이드 문제
본문
답변 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로 구성하는 방식이 좋을 듯 하네요.
흠 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 이거제거하고 마진값 없애도. 그대루네여..
제가 별도의 페이지에서 테스트해도 동일한 증상이 나옵니다.
main.js파일 자체에 문제가 있을수 있고요. 해당 슬라이드에 제공되는 css가 있을텐데 여기에는 존재하지 않는 듯 하네요.
메인 슬라이드 같은 경우는 인터넷에 많이 나와 있으니 다른 제이쿼리 플러그인을 사용해 보세요.
