JQuery Lightbox 플러그인 및 소스 링크모음
이번 JQuery 소스 관련된 자료는 Lightbox입니다. 레이어팝업과 유사한 형태로 자주 볼 수 있는 기능이다. 처음 Lightbox를 보았을때 도대체 어떻게 해야 되는건지 많이 궁금했는데.. 요즘은 많은 플러그인들이 생겨나서 쉽게 사용이 가능하다. 그리고 백지상태에서 부터 직접 제이쿼리를 짜는 사람은 극소수이므로 이런 소스를 활용하여 커스텀하면 업무시간도 굉장히 효율적으로 사용할 수 있다. 하단에 다양한 타입의 라이트박스 플러그인이 있으니 참고하시길!
아래 링크를 모두 방문하시어 Demo or Examples 을 모두 보시고 자기 스타일에 맞는 Lightbox 를 사용하기를 권장합니다.
JQuery Lightbox 링크 모음
Lightbox2 http://lokeshdhakar.com/projects/lightbox2
colorbox http://www.jacklmoore.com/colorbox/
FancyBox http://fancybox.net
prettyPhoto http://goo.gl/3Qmy
jQuery lightBox plugin http://leandrovieira.com/projects/jquery/lightbox
Lightbox
Examples Two individual images Four image set Getting started Download a zip of the latest release (or any previous one) from the Github Releases page. Or install using npm: npm install lightbox2 --save Open up the zip file and take a peek at the barebones
lokeshdhakar.com
Slimbox http://www.digitalia.be/software/slimbox2
Facebox http://defunkt.io/facebox/
NyroModal http://nyromodal.nyrodev.com
Pirobox http://www.pirolab.it/pirobox/
FancyZoom meet-jquery http://orderedlist.com/blog/articles/fancyzoom-meet-jquery/
Slimbox 2, the ultimate lightweight Lightbox clone for jQuery
Slimbox 2 is a 4 KB visual clone of the popular Lightbox 2 script by Lokesh Dhakar, written using the jQuery javascript library. It was designed to be very small, efficient, standards-friendly, fully customizable, more convenient and 100% compatible with t
www.digitalia.be
IMAGEBOX http://interface.eyecon.ro/docs/imagebox
PICBOX http://bunnyfire.co.uk/projects/picbox/
CeeBox http://catcubed.com/2008/12/23/ceebox-a-thickboxvideobox-mashup
TopUp http://gettopup.com
NotesForLightBox http://www.notesfor.net/post/NotesForLightBox.aspx
YoxView http://www.yoxigen.com/yoxview/
Fancy Zoom http://www.dfc-e.com/metiers/multimedia/opensource/jquery-fancyzoom/
Image Zoom http://andreaslagerkvist.com/jquery/image-zoom/
ZOOMIMAGE http://www.eyecon.ro/zoomimage/
Sexy LightBox http://goo.gl/sT6Ni
Image Magnify http://www.dynamicdrive.com/dynamicindex4/imagemagnify.htm
SuperBox! http://pierrebertet.net/projects/jquery_superbox/
Dynamic Drive DHTML Scripts- jQuery Image Magnify
Feb 8th, 11 (v1.11): Fixed bug that caused script to not work in newever versions of jQuery (ie: v1.4.4). Only .js file changed. Description: jQuery Image Magnify enables any image on the page to be magnified by a desired factor when clicked on, via a slee
www.dynamicdrive.com
본 게시글이 도움이 되셨다면 로그인 없이 클릭 가능한 ♥ 공감 버튼 클릭 부탁드립니다 :)
"당신의 하루가 별보다 빛나길"
빅범의 감성 스케치북
포토샵으로 누구나 쉽고 간편하게 일러스트 그림을 그릴 수 있는 꿀팁에 대해서 공유하고 있습니다. 기본적인 포토샵 프로그램의 이해도만 있다면 누구나 쉽게 따라할 수 있는 수준으로 손재주가 없더라고 부담없이 그림을 즐길 수 있습니다. 열심히 연습하여 개성을 더하고 개발하여 본인만의 매...
www.youtube.com
'WEB·MOBILE- HTML > Java&jQuery' 카테고리의 다른 글
| 2020 10 Best Carousel Plugins jQuery/JavaScript/CSS 모음 소스 (0) | 2020.11.21 |
|---|---|
| 마우스 이벤트 목록별 정의 - jQuery 및 javascript(Mouse event) (0) | 2020.09.29 |
| javascript 마우스 우클릭 방지! 개발자 도구 보기 방지, 소스보기, F12보기 방지를 위한 스크립트 정리 (0) | 2020.01.28 |