테스트 사이트 - 개발 중인 베타 버전입니다

스크립트 내에 $삽입 채택완료

학교종이땡땡땡 10년 전 조회 3,628
http://www.elevateweb.co.uk/image-zoom">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개

채택된 답변
+20 포인트
S
10년 전

$thumb['src'] 를 사용하신다면 

 

$("#<?=$thumb['src']?>).elevateZoom();

 

이렇게 사용하셔야 할듯 .. ID는 #부터 시작 class 인 경우는 .부터 시작해야 합니다.

 

해당 id 대신 넘버값을 사용하셔도 됩니다.

 

 $("#img_<?=$no?>").elevateZoom();

 

$no 는 순번으로 사용하셔도 됩니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

학교종이땡땡땡
10년 전
잘됩니다 ^^
감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인