알고 계신분도 있겠지만....모르시는 분들을 위해~~~

제목 그대로 A태그에 걸린 링크의 캡쳐 이미지를 출력해 줄 수 있는 소스 입니다.

http://www.websnapr.com/

원본 제작자는 여기구요... 이 사이트를 통해 캡쳐를 해 주고 그 이미지를 출력해 주는 겁니다....^^

http://images.websnapr.com/?url=http://technote.co.kr 과 같은 링크로 접속하게 되면 url 로 넘겨준 주소의 캡쳐 이미지가 생성됩니다.

사이즈도 &size=s , m , l 과 같이 스몰, 미들, 라지 이렇게 구분할 수 있지만,

아쉽게도 스몰사이즈 까지만 무료로 사용 할 수 있네요..^^

무료사용자는 스몰사이즈로 출력 하더라도 이미지 하단에 'POWERED BY WEBSNAPR.COM' 이라는 문구가 들어갑니다~~

---------------------

그래서, 글쓰기 홈페이지 입력란에 

//[10] 홈페이지
function INDEX_cell_10(){ 
~~~
<a href='<?=$Index_data[home]?>' target='_blank' onmouseover="square_on('<img src=\'http://images.websnapr.com/?url=<?=urlencode($Index_data[home])?>&size=s\'>',this,40,-40,'')" onmouseout='square_off()'><?=$Index_data[home]?></a>
~~~

와 같이 적용해서 사용 해 봤더니...나름 멋지네요^^

또, 여러가지 플러그인을 제공 하는데... 한가지 소개 하자면

http://www.frequency-decoder.com/2006/10/25/link-preview-v2/

이곳 링크 페이지에서 중간쯤에 'Demo, downloads & updates' 에 소개된 .zip 파일을 다운로드 받으시면...

<a href="주소" class="websnapr">

와 같이 class 지정만으로,

위와 같이 이쁘게 표시할 수 있는 스크립트도 제공합니다..

css 와 js 파일의 경로 변경만으로 사용 하실 수 있도록 만들어져 있습니다.

꼭 링크형태의 게시판뿐만 아니라 여러용도로 활용 가능할 것 같습니다.