“ A태그 링크에 캡쳐 이미지 출력하기 ”
알고 계신분도 있겠지만....모르시는 분들을 위해~~~
제목 그대로 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 파일의 경로변경만으로 사용 하실 수 있도록 만들어져 있습니다. 꼭 링크형태의 게시판뿐만 아니라 여러용도로 활용 가능할 것 같습니다.
제가 만들어본 미리보기에는 생성된 이미지의 하단을 섬네일크롭으로 자르도록 만들어 봤는데... 이 방법은 공개 하지 않겠습니다.^^ 혹시라도...문제가 생긴다면,, 무서워서 ㅋㅋㅋ
공지사항
APPLICATION
멋쟁이냐
?q=apple:1066
청주산의
우기77
아이케
DuDu
Oldradio70
물길
싸이메인닷컴
보토스
한라산
