본문 바로가기
develop/jsp

썸넴일 클릭 시 큰화면으로 보여주는 방법

by hybr1d 2016. 7. 1.

$(document).ready(function() { 

$('#review-simg img').on('click', function(){

var srcName = $(this).attr('src').replace('http://attach.choroki.com/thumb/','');

$('#review-bimg').attr('src','http://attach.choroki.com/'+srcName);

});

});




<div class="club-detail mg0">

            <div class="img"><img src="http://attach.choroki.com/${server }" id="review-bimg" class="wp100" alt="상품평 후기 이미지" /></div>

              <div class="thumnail-area">

                <ul class="thumnail-list" id="review-simg">

                <c:forEach var="fileList" items="${fileList }">

                  <li class=""><img src="http://attach.choroki.com/thumb/${fileList.server }" class="csrp" alt="상품평 후기 썸네일 이미지" /></li>

                  </c:forEach>

                </ul>

              </div>

          </div>

'develop > jsp' 카테고리의 다른 글

CKEditor 사용 및 파일 업로드 적용  (0) 2016.03.25
CSV 다운로드 기능  (0) 2014.11.05