for문 함수 관련 질문 입니다.
본문
썸네일 클릭시에 큰 이미지가 롤잉되는 함수 부분 인데요.
현재 문제는 클릭을 하면 큰 이미지가 변하긴 하는데
큰 이미지에 마우스 오버시에 jqimg 경로의 같은 이미지가 확대되서 팝업으로 보여지는건데
경로가 첫번재 이미지로 머물러 있네요..
자동 넘버링이 부여되서 썸네일이 바뀌는건데 jqimg 의 경로는 왜 첫번재 이미지에 머물러 있는지 알 수가 없네요..
jqimg 에도 썸네일 인덱스 번호먹히게 따로 함수 추가 해줘야 하나요?
현재 스크립트
<div class="jqzoom" id="spec_n1">
<?php
for($i=0; $i<=10; $i++) {
if(!$it['it_img'.$i])
continue;
echo '<img src="'.G5_DATA_URL.'/item/'.$it['it_img'.$i].'" jqimg="'.G5_DATA_URL.'/item/'.$it['it_img'.$i].'">';
}
?>
</div>
<script>
$(function(){
$("#spec_n1 img:first").addClass("visible");
$(".dot_list li").bind("click", function(){
var idx = $(".dot_list li").index($(this));
$("#spec_n1 img.visible").removeClass("visible");
$("#spec_n1 img:eq("+idx+")").addClass("visible");
});
});
</script>
아래 함수는 추가 질문 인데요. 큰 이미지 마우스 오버시에 이미지를 불러오는 함수 인데
var bigimage=$(this).children("img").attr("jqimg");
첫번째 이미지가 고정인걸 보면 인덱스 번호를 인식을 못하는거 같습니다..
답변 3
echo print_r($it); 해보세요.
$it 함수가 배열이 아닌것같은데...
구문에는 문제가 없어 보이는데요
일단은 alert(idx)를 이용하셔서 idx 값이들어오는지 확인해 보시고요.
혹 css 값이
#spec_n1 img{display:none;}
#spec_n1 img.visible{display:inline-block;}
으로 되어 있는지 확인해 보세요
css 수정으로 일단 해결은 되었습니다.
두 분 감사드립니다.
답변을 작성하시기 전에 로그인 해주세요.
