위치 : 메인 » 스킨소개 » 기타 » (27)번글 :: A태그 링크에 캡쳐 이미지 출력하기

apple1065.jpg

A태그 링크에 캡쳐 이미지 출력하기

카테고리 ::
기타
작성일 ::
2010년 11월 15일 월요일 PM 5시 50분
작성자 ::
멋쟁이냐
조회수 ::
6550 회

파일없음(0)

테크노트 원문 정보

제목(원문) ::
A태그 링크에 캡쳐 이미지 출력하기
라이센스 ::
활용팁:apple
제작자 ::
멋쟁이냐
미리 보기 링크 ::
http://www.sabjil.wo.tc/preview/?q=apple:1066

미리보기 횟수 : 252

  • 현재(27번)글 본문 보기
  • 댓글보기(1+1)
크게 작게

titleA태그 링크에 캡쳐 이미지 출력하기

 

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

 

제목 그대로 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 파일의 경로 변경만으로 사용 하실 수 있도록 만들어져 있습니다.

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

  • 현재(27번)글 본문 보기
  • 댓글보기(1+1)
no photo

이름아이콘 mono

2010-11-18 17:43

기능 너무 좋아요!!

멋쟁이냐

11/18 21:26

:-)
  • 0
    3500

  1. page:1/3
  2. 1
  3. 2
  4. 3

sabjilmode@sabjil.wo.tc

© 2010 Sabjil