이미지 접기 효과 – Curl.js

간만에 AJAXIAN에 들어가 이것저것 보다가 재미난것을 발견했습니다.

Curl.js: Curl your images“라는 글인데 이미지에 Curl 이팩트를 주더군요. 아래 홈페이지를 보세요. 금방 아실거에요.

curl.js – javascript page curl image effect

이미지의 끝부분을 접어 놓은 것 같은 효과를 주는 자바스크립트 파일입니다. 사용법도 상당히 간단하게 되어 있습니다. 다만 아쉬운 점은 회사에서 쓸때는 유료라는 점입니다. “Netzgestade Non-commercial Software License Agreement.”라는 라이센스 정책을 가지고 있습니다. “OPEN SOURCE”나 “Public Domain”이 아님을 명확하게 하고 있습니다.

  1. 파일을 다운로드 한다.
  2. <script type=”text/javascript” src=”curl.js”></script> 코드를 HTML 파일에 추가한다.
  3. 이미지(최소사이즈 64×64)에 class=”curl” 라고 class 속성을 지정한다.

몇몇 다른른 속성도 있는데 홈페이지를 참고하세요. 홈페이지에 있는 예제를 보시면 쉽게 이해되실겁니다.

Published by: benant

WEB PROGRAMMER. PHP, nodeJs, ASP, XML, Javascript, VBScript, PL/SQL, MySQL, Oracle. scrollads.co.kr 새로운 모바일 광고 서비스. trenue.com 시스탬 트래이딩 서비스. blogman.co.kr 블로그 운영 관리 서비스. creget.co.kr 해외 상품 구매대행. 핫딜 정보 제공 서비스. fgshop.co.kr - 독립형 쇼핑몰 솔루션.

카테고리 Web태그, , 댓글 남기기

답글 남기기

아래 항목을 채우거나 오른쪽 아이콘 중 하나를 클릭하여 로그 인 하세요:

WordPress.com 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Google photo

Google의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

%s에 연결하는 중