썸네일 클릭시에 큰 이미지가 롤잉되는 함수 부분 인데요.
현재 문제는 클릭을 하면 큰 이미지가 변하긴 하는데
큰 이미지에 마우스 오버시에 jqimg 경로의 같은 이미지가 확대되서 팝업으로 보여지는건데
경로가 첫번재 이미지로 머물러 있네요..
자동 넘버링이 부여되서 썸네일이 바뀌는건데 jqimg 의 경로는 왜 첫번재 이미지에 머물러 있는지 알 수가 없네요..
jqimg 에도 썸네일 인덱스 번호먹히게 따로 함수 추가 해줘야 하나요?
현재 스크립트
Copy
<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개
채택된 답변
+20 포인트
2017-06-30 (금) 00:36:46
echo print_r($it); 해보세요.
$it 함수가 배열이 아닌것같은데...
2017-06-30 (금) 02:07:54
css 수정으로 일단 해결은 되었습니다.
두 분 감사드립니다.
onlymilk47
2017-06-30 (금) 01:01:40
구문에는 문제가 없어 보이는데요
일단은 alert(idx)를 이용하셔서 idx 값이들어오는지 확인해 보시고요.
혹 css 값이
#spec_n1 img{display:none;}
#spec_n1 img.visible{display:inline-block;}
으로 되어 있는지 확인해 보세요
답변을 작성하려면 로그인이 필요합니다.