lightbox2

ui-component modal

Lightbox2は現在のページの上に画像をオーバーレイする小さなJavaScriptライブラリです。設定が簡単で、すべての現代のブラウザで動作します。

Latest Ver 2.11.5

Homepage

Github

6,305

📢 Lightbox2は、現在のページの上に画像をオーバーレイするJavaScriptライブラリです。

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>