lightbox2

ui-component modal

Lightbox2는 현재 페이지 위에 이미지를 오버레이하는 작은 자바스크립트 라이브러리입니다. 설정이 간편하며 모든 현대 브라우저에서 작동합니다.

Latest Ver 2.11.5

Homepage

Github

6,305

📢 Lightbox2는 이미지를 현재 페이지 위에 오버레이하는 기능을 제공하는 자바스크립트 라이브러리입니다.

CDN 다운로드

License: MIT

Asset Type :

전체 버전 보기

https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.5/js/lightbox-plus-jquery.js

https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.5/js/lightbox-plus-jquery.min.js

https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.5/js/lightbox.js

https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.5/js/lightbox.min.js

https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.5/css/lightbox.css

https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.5/css/lightbox.min.css

https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.5/images/close.png

https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.5/images/loading.gif

https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.5/images/next.png

https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.5/images/prev.png

Sample Code

⚠️ import 문을 포함한 일부 코드는 jsFiddle에서 정상 실행되지 않을 수 있습니다. 실행 오류가 발생할 경우 코드 복사 후 직접 실행해보세요.

📄 HTML
<a data-lightbox="image-1" data-title="My caption" href="large-image.jpg"><img alt="nature" src="thumbnail-image.jpg"/></a><script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/js/lightbox.min.js"></script>

🎨 External CSS
<link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/css/lightbox.min.css" rel="stylesheet">

🧩 External JS
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/js/lightbox.min.js"></script>