よもやまチョモランマ

『Lightbox』をCDN経由で読み込む

あの『Lightbox』がいつの間にか進化していました。
javascriptをダウンロードしてディレクトリに置いておく必要がありません。

【参考】画像拡大スクリプトLightboxの簡単な設置方法と使い方

hesd内に3行。

<!-- Lightbox用ファイルとjQueryをCDNから読み込む -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/css/lightbox.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-1.12.4.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/js/lightbox.min.js" type="text/javascript"></script>

body内はこんな感じ。

<a href="◆.gif" data-lightbox="lightbox"><img src="◆.gif">キャプションなどの文字</a>

CSSは1行。ズレ修正。

#lightbox .lb-container {padding: 0px;}

簡単すぎて、あんなに苦労した日々が涙なくしては語れません。
是非また使ってみたくなりますね。