메인이미지 슬라이드 스킨 넣어봤는데 로딩도 안되고 이미지가 나열되요?
본문
소스는 그대로 사용했습니다.. js폴더에 잘 넣어놨구요. 각 위치에 잘 넣어놨어요.
이미지보시면 이미지가 쭉 1열로 나열되어있구요 로딩도 안먹힙니다.. 혹시 무슨문제인지요..
소스는 건드리지 않았습니다.
답변 4
소스올린 사람입니다.
동장이안된다면 스크립트 충돌입니다.
<script src="<?php echo G5_URL ?>/js/jquery-1.7.1.min.js"></script>
<script src="<?php echo G5_URL ?>/js/slides.jquery.js"></script>
이부분이 설치하신 그누보드겹와 겹치는게 있는지 확인해보시고 겹치면 둘중하나는 삭제해주시면됩니다.
메인에 다른사람이 만든 슬라이더 최신게시물스킨이 있었거든요, 그거 없애고 Plugin폴더에 관련된폴더 삭제 했는데 로딩됩니다.. ^^
이미지 다시 올려는데 1 2 3 생기는거랑 방향표시가 아래로 되어있네요. 그건 어딜 수정해야 할까요?
이미지 다시 올려는데 1 2 3 생기는거랑 방향표시가 아래로 되어있네요. 그건 어딜 수정해야 할까요?
그건 css 쪽에 똑같은 css코드가있을수있습니다.
class="prev" 과 class="next"를 다른이름으로 수정해보세요
default.css 에서는 prev랑 next는 페이징 pg_prev랑 pg_next라서 관련이 없을듯 하구용....
---------------------------------------------------------------------------------------------------------------------------------
main_slide_php
<a href="#" class="prev"> 이거 클래스 이름 바꿨더니 다음 이전 안눌러지구요
---------------------------------------------------------------------------------------------------------------------------------
<div id="containers">
<div id="slides">
<div class="slides_container">
<div class="jqb_slide"><a href="#"><img src="../images/1.JPG" name="Slide0" width="970" height="500" id="Slide0" title="Lee & Joo1"></a></div>
<div class="jqb_slide"><a href="#"><img src="../images/2.JPG" name="Slide1" width="970" height="500" id="Slide1" title="Lee & Joo2"></a></div>
<div class="jqb_slide"><a href="#"><img src="../images/3.JPG" name="Slide2" width="970" height="500" id="Slide2" title="Lee & Joo3"></a></div>
</div>
<img src="../images/arrow-prev1.png" width="60" height="70" alt="Arrow Prev"></a>
<a href="#" class="next"><img src="../images/arrow-next1.png" width="60" height="70" alt="Arrow Next"></a>
</div>
</div>
</div>
---------------------------------------------------------------------------------------------------------------------------------
<div id="containers">
<div id="slides">
<div class="slides_container">
이거 div id="......" 이거랑 관련 있을거 같은데.. 이부분의 css는 어디있나요?? 이름을 정해준거보면 그부분의 css 스타일 수정해줘야 할듯한데요??
<script>
$(function(){
$('#slides').slides({
preload: true,
preloadImage: 'images/loading.gif',
play: 5000,
pause: 2500,
hoverPause: true
});
$(".prev").mouseover(function(){
$(".prev img").attr("src","images/arrow-prev2.png");
});
$(".prev").mouseout(function(){
$(".prev img").attr("src","images/arrow-prev1.png");
});
$(".next").mouseover(function(){
$(".next img").attr("src","images/arrow-next2.png");
});
$(".next").mouseout(function(){
$(".next img").attr("src","images/arrow-next1.png");
});
});
</script>
이부분을 바꿔보시고 안되면 그누보드 css쪽을 수정해보세요
한번 css 수정해볼게용 감사합니다