일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- #happycgi
- 해피CGI
- javascript
- #뉴스
- jquery
- 홈페이지
- 쇼핑몰
- 사이트제작
- happycgi
- CGIMALL
- 홈페이지제작
- php
- #웹솔루션
- #업종별
- #해피CGI
- #홈페이지
- #image
- 솔루션
- #솔루션
- #CSS
- #홈페이지제작
- 해피씨지아이
- CSS
- #쇼핑몰
- #동영상
- #cgimall
- #이미지
- 게시판
- 웹솔루션
- #jQuery
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] Zoomable & Rotatable Image Viewer Plugin - jQuery Magnify 본문
웹프로그램밍 자료실/JAVA 자료
[해피CGI][cgimall] Zoomable & Rotatable Image Viewer Plugin - jQuery Magnify
해피CGI윤실장 2019. 12. 4. 09:09이미지를 레이어팝업으로 표시해주는 간단한 jQuery 플러그인 입니다.
첨부된 파일을 다운로드 받아서 압축을 풀고
examples 폴더내의 몇개의 HTML문서를 웹브라우저로 열어보면
몇가지 유형의 샘플을 확인해볼수 있습니다.
기본 형태의 샘플은
이미지를 확대,축소, 회전 시키는게 가능합니다.
이미지뷰어로 사용되는 툴바를 변경한 예제입니다.
버튼을 클릭해서 모달을 열고 모달내의 이미지를 표시하는 예제입니다.
그 외에 전체화면으로 이미지뷰어를
표시해주거나,
마우스 스크롤을 이용해서 이미지를 확대,축소하는 등의 예제가 있네요.
비교적 간단하게 사용할수
있지만,
생각보다는 여러가지 옵션들이 지원이 되네요.
옵션에 대한 세부적인 설명과,
이벤트가 발생했을때 콜백에 대한 부분은
https://www.jqueryscript.net/lightbox/Image-Viewer-Plugin-jQuery-Magnify.html
위 페이지에서 확인이 가능합니다.
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
[해피CGI][cgimall] 네이버에서 만든 슬라이드 egjs-flicking (0) | 2019.12.09 |
---|---|
[해피CGI][cgimall] 버튼을 클릭하면 박스 크기가 달라지는 애니메이션 효과 (0) | 2019.12.06 |
[해피CGI][cgimall] TEXTAREA 글자수 제한 JQuery 플러그인 (0) | 2019.12.02 |
[해피CGI][cgimall] 내용에 맞게 TEXTAREA 높이 자동 조절 JQuery 플러그인 - auto-resize.js (0) | 2019.11.29 |
[해피CGI][cgimall] Jquery 와 Bootstrap 를 이용한 notify(알림) (0) | 2019.11.28 |
Comments