웹솔루션개발 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
위 페이지에서 확인이 가능합니다. 




홈페이지바로가기

Comments