勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

lightboxをファイルアップロードなしで使う(CDN)方法

   2024/03/02  jQuery

本番実装時ならともかく、テスト用とかでlightboxみたいによく使うプラグインを毎回サーバにアップロードするのが面倒くさかった。jQueryみたくCDNで無いかどうか探したところ、以下でいけるみたい。

 

lightbox2

http://cdnjs.com/libraries/lightbox2

 

ソース

<link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/css/lightbox.css" rel="stylesheet">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/js/lightbox.min.js"></script>

jQueryも一緒に呼び出しておかないと使えないので注意する。

 - jQuery

  関連記事

画像をサムネイル⇔クリックで拡大(lightbox)

画像をサムネイル表示してクリックしたら大きく表示する というのがlightbox ...

Lightboxで画像拡大時に閉じるボタンの位置を右上に変更

Lightbox(バージョン2.7.1)で画像拡大時に閉じるボタンの位置を右下か ...

jQueryのプラグインで簡単にイメージスライダーを作成(bxslider)

画像のスライダーを作る時に便利なプラグインであるbxslider。簡単に使えるし ...

Lightboxで画像拡大時に文字タイトルとリンクをつける

lightboxで画像をクリックして拡大した際に、文字タイトルとその文字にリンク ...