for문 함수 관련 질문 입니다. 채택완료
웹프리죤
8년 전
조회 1,917
썸네일 클릭시에 큰 이미지가 롤잉되는 함수 부분 인데요.
현재 문제는 클릭을 하면 큰 이미지가 변하긴 하는데
큰 이미지에 마우스 오버시에 jqimg 경로의 같은 이미지가 확대되서 팝업으로 보여지는건데
경로가 첫번재 이미지로 머물러 있네요..
자동 넘버링이 부여되서 썸네일이 바뀌는건데 jqimg 의 경로는 왜 첫번재 이미지에 머물러 있는지 알 수가 없네요..
jqimg 에도 썸네일 인덱스 번호먹히게 따로 함수 추가 해줘야 하나요?
현재 스크립트
</p><p><div class="jqzoom" id="spec_n1"></p><p><?php</p><p><span style="white-space:pre"> </span>for($i=0; $i<=10; $i++) {</p><p><span style="white-space:pre"> </span>if(!$it['it_img'.$i])</p><p><span style="white-space:pre"> </span>continue;</p><p><span style="white-space:pre"> </span>echo '<img src="'.G5_DATA_URL.'/item/'.$it['it_img'.$i].'" jqimg="'.G5_DATA_URL.'/item/'.$it['it_img'.$i].'">';</p><p><span style="white-space:pre"> </span>}</p><p>?></p><p></div></p><p>
</p><p><script></p><p>$(function(){</p><p><span style="white-space:pre"> </span><span style="color: rgb(255, 0, 0);">$("#spec_n1 img:first").addClass("visible");</span></p><p>
</p><p><span style="white-space:pre"> </span>$(".dot_list li").bind("click", function(){</p><p><span style="white-space:pre"> </span>var idx = $(".dot_list li").index($(this));</p><p><span style="white-space:pre"> </span><span style="color: rgb(255, 0, 0);">$("#spec_n1 img.visible").removeClass("visible");</span></p><p><span style="white-space: pre; color: rgb(255, 0, 0);"> </span><span style="color: rgb(255, 0, 0);">$("#spec_n1 img:eq("+idx+")").addClass("visible");</span></p><p><span style="white-space:pre"> </span>});</p><p>});</p><p></script></p><p>
아래 함수는 추가 질문 인데요. 큰 이미지 마우스 오버시에 이미지를 불러오는 함수 인데
var bigimage=$(this).children("img").attr("jqimg");
첫번째 이미지가 고정인걸 보면 인덱스 번호를 인식을 못하는거 같습니다..
댓글을 작성하려면 로그인이 필요합니다.
답변 3개
답변을 작성하려면 로그인이 필요합니다.
로그인