기본문법 매뉴얼

번역하고 싶은 언어를 선택해 주세요.

썸네일 자동생성하기

다음 코드를 이용하여 썸네일을 자동으로 생성하여 이미지를 삽입할 수 있습니다.
css등을 통해서 이미지를 줄이면 실제이미지를 가져와서 용량이 그대로이나,
썸네일을 이용할 경우 사이즈가 줄어든 이미지를 가져오기 때문에 더 빨리 화면에 출력이 됩니다.

* 사용방법

{@
$img_url = thum_img('이미지 경로',가로px,세로px,cut_yn);

// cut_yn = 0 :  원본 이미지가 위 설정한 사이즈안에 들어 갈수 있도록 최대한 축소한다
// cut_yn = 1 :  중앙에서 위로 1/3을 기준으로 자른다.
// cut_yn = 2 :  왼쪽위에 (0,0)을 기준으로 자른다.
// cut_yn = 3 :  정중앙을 기준으로 자른다.
@}

<img src="{$img_url}" />

* 예시

FTP에 등록된 이미지 경로를 가져와서 다음과 같이 썸네일 출력이 가능합니다.
{@
$img_url0 = thum_img('/img_up/shop_pds/manual/design/img_basic/img01.jpg',100,100,0);
$img_url1 = thum_img('/img_up/shop_pds/manual/design/img_basic/img01.jpg',100,100,1);
$img_url2 = thum_img('/img_up/shop_pds/manual/design/img_basic/img01.jpg',100,100,2);
$img_url3 = thum_img('/img_up/shop_pds/manual/design/img_basic/img01.jpg',100,100,3);
@}

<p>이미지 : <img src="/img_up/shop_pds/manual/design/img_basic/img01.jpg" /></p>
<p>썸네일0 : <img src="{$img_url0}" /></p>
<p>썸네일1 : <img src="{$img_url1}" /></p>
<p>썸네일2 : <img src="{$img_url2}" /></p>
<p>썸네일3 : <img src="{$img_url3}" /></p>

* 결과보기

샘플 이미지 용량 : 52.7KB
샘플 썸네일0 용량 : 8.1KB
샘플 썸네일1 용량 : 13.8KB
샘플 썸네일2 용량 : 12.6KB
샘플 썸네일3 용량 : 5.9KB

이미지 :

썸네일0 :

썸네일1 :

썸네일2 :

썸네일3 :