애니빌드.LAB
토론방
소스관련 게시글 출력 썸네일 및 원이미지 URL문의
- &**bsp;
- 2015-01-05 12:26:33
- hit4654
- http://lab.anybuild.co.kr/bbs/qna/3889
확인 가능한 전체 URL : http://wedding001.genieweb.co.kr/shop_add_page/index.htm?page_code=gallery_2c&mobile_conn=off
안녕하세요. 게시글에 이미지를 등록한 후 썸네일을 출력하는 프로그램을 이용하여 페이지를 구성중에 있습니다.
다름이 아니라, 썸네일은 주소가 있어 가져오겠는데 원이미지주소는 어떻게 가져오나요? 아니며, 이중 썸네일 지정은 안되는가요?
등록하 URL을 보시면 아시겠지만, 이미지 라이브러리를 이용하여, 이미지클릭 시 원이미지를 출력하는 것을 적용해보았습니다.
지금 프로그램상 원이미지를 출력할 수 없어, 썸네일크기를 0를 하여, 전체이미지크기로 적용하였습니다. 이럴경우, 문제점이
클릭전 썸네일과 클릭 후 이미지가 달라야 부하도 적고 썸네일도 이그러지지 않는데... 썸네일도 원이미지크기를 강제로 줄여서 보여주는 속도도 늦고, 이미지도 이그러집니다.
별도의 원이미지주소를 가져올수 있는지 만약 이게 안되면, 이중썸네일로 하여, 한개는 목록에 보이는 작은 썸네일로, 다른 하나는 클릭시 보여주는 썸네일로 이용하면 좋을 듯합니다.
답변부탁드립니다.
게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
말씀하신것처럼 게시판에 원본이미지라는 개념이 없습니다.
따라서 썸네일사이즈를 0으로 하시는게 맞습니다.
썸네일 사이즈를 0으로 하게 되면 원본 사이즈가 그대로 출력이 되는데..
이 출력되는 원본사이즈를 줄여주는 작업을 추가페이지내에서 처리를 하시면 됩니다.
원본이미지는 그대로 두시구요.
<!--@foreach($new_board_final_row as $k=>$v)-->
<div class="zoogallery-img-list zoogallery_cl_2">
<div class="overlly">
<a href="{$v[img_url]}" rel="prettyPhoto[g_71]" title="{$v[subject]}"> </a>
</div>
<img src="{$v[img_url]}" alt="{$v[subject]}" style="width:100%; height:423px;" />
</div>
<!--@end-->
위의 소스에서
<!--@foreach($new_board_final_row as $k=>$v)-->
{@
$l_thumimg = thum_img('이미지 경로',가로px,세로px,cut_yn);
@}
<div class="zoogallery-img-list zoogallery_cl_2">
<div class="overlly">
<a href="{$v[img_url]}" rel="prettyPhoto[g_71]" title="{$v[subject]}"> </a>
</div>
<img src="{$v[img_url]}" alt="{$v[subject]}" style="width:100%; height:423px;" />
</div>
<!--@end-->
이 구문을 추가를 해서 이미지 출력하는 부분을 $l_thumimg로 대체를 해주시면 됩니다.
cut_yn의 경우 1과 2값이 들어가는데 1:일반 이미지축소, 2: 위 사이즈보다 큰경우 잘라내기이니 적절히 사용을 하시면 됩니다.