http://www.elevateweb.co.uk/image-zoom
위 링크의 jquery 이미지줌을 플러그인으로 삽입하려고 합니다.
리스트 스킨에서
<img id="img_01" src="/small/<?php echo $thumb['src'] ?>" data-zoom-image="/large/<?php echo $thumb['src'] ?>"/>
<script>
$("#img_01").elevateZoom();
</script>
적용 소스가 위와 같은데 ID 값 때문에 리스트에서는 첫 게시물만 줌이 되고 나머지는 안됩니다.
그래서 #img_01 대신 썸네일 이름($thumb['src'])을 Id 대신 넣으면 될 것 같은데...
어떻게 넣어야 할지 모르겠습니다.
$($thumb['src']).elevateZoom();
이렇게 넣어 봤는데 안되네요.
조언 부탁드립니다.
|
답변 1개 / 댓글 1개
채택된 답변
+20 포인트
SKPLAN
2015-06-29 (월) 22:17:30
$thumb['src'] 를 사용하신다면
$("#<?=$thumb['src']?>).elevateZoom();
이렇게 사용하셔야 할듯 .. ID는 #부터 시작 class 인 경우는 .부터 시작해야 합니다.
해당 id 대신 넘버값을 사용하셔도 됩니다.
$("#img_<?=$no?>").elevateZoom();
$no 는 순번으로 사용하셔도 됩니다.
답변에 대한 댓글 1개
학교종이땡땡땡
2015-06-29 (월) 23:15:42
답변을 작성하려면 로그인이 필요합니다.
감사합니다.