ShiftZoom 1.0 은 Christian Effenberger씨가 가장 최근에 작성한 도구로서, 웹 페이지상의 큰 이미지들을 확대/축소하거나 영역을 정해서 볼 수 있도록 합니다. 코드를 깔끔하게 보호하기 위해 겸손한(unobtrusive) 자바스크립트를 사용했습니다. 플러그인, 확장기능, 외부 리소스가 필요없습니다!
이것은 모든 주요 웹 브라우저에서 동작합니다 - Mozilla Firefox 1.5+, Opera 9+, IE 6+ 그리고 Safari. 또한 images & createElement & getElementById 가 지원되는 예전 브라우저도 지원합니다. 그 밖에는 자바스크립트가 사용되지 않아 방문자들은 멋진 것들이 있는지도 모르게 됩니다.
사용법은 간단합니다:
[code:xml]
<div><img onLoad="shiftzoom.add(this);" width="400" height="200" .../></div>
<div><img onLoad="shiftzoom.add(this);" width="400" height="200" .../></div>
from ShiftZoom: Zoomify your oversize images
'[IT] Web Tech' 카테고리의 다른 글
| GWT를 이용한 무한 Web 2.0 이미지 (0) | 2008.07.19 |
|---|---|
| TCPSocket: 웹 브라우저의 소켓 (0) | 2008.07.19 |
| 시각화를 위한 MooWheel과 MooCirclePack (0) | 2008.07.18 |
| CSS 변수가... 왔어요! (0) | 2008.07.18 |
| ShiftZoom: 큰 이미지 확대/축소 (1) | 2008.07.18 |
| JSON Diff 릴리스 (0) | 2008.07.18 |
| 자바스크립트 프로토콜 퍼저(Fuzzer) (0) | 2008.07.18 |
| dragtable: 드래그-앤-드롭으로 컬럼을 재정렬하는 HTML 테이블 (0) | 2008.07.16 |
| 웹 서비스 쉽게 사용하기; dojo.data와 WikipediaStore (0) | 2008.07.16 |