『Lightbox』をCDN経由で読み込む
WEB
Lightbox
あの『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;}
簡単すぎて、あんなに苦労した日々が涙なくしては語れません。
是非また使ってみたくなりますね。