
Simple lightboxはWP用のプラグインなどもあるAndré Rinas氏が開発したものと、DAMIR BREKALO氏が開発した2種類があります。たまたま名前が被ったのかは分かりませんが、別のプラグインです。どちらもシンプルながら洗練されたデザインでレスポンシブにも対応しています。
André Rinas氏の方はタッチ操作にも対応したアクセシビリティにも優れた良いプラグインで、当サイトでも使用しておりました。ただ、画像をオーバーレイ表示した際にURLにアンカー(#pid)が付いてしまい、ブラウザの戻るを何度も押さないと前のページへ戻れない現象が起きてました。仕様なのでバクとかではありませんが、オプションにもURL書き換えの変更が用意されていなかったので、今回はもうひとつのSimple lightboxに入れ替えてみました。
今回の記事で取り上げているDAMIR BREKALO氏開発の方は、タッチ操作には対応せず機能も最小限ですが、動作や容量が非常に軽量でこちらも良い感じです。しかし、導入時の状態ではクローズボタンが文字化けしてしまったので、ソースコードの修正部分を載せておきます。
SimpleLightbox by André Rinas SimpleLightbox by DAMIR BREKALO文字化け部分を実体参照へ
'<button type="button" title="' + o.closeBtnCaption + '" class="slbCloseBtn ' + o.closeBtnClass + '">×</button>' +
simpleLightbox.jsの338行目にクローズボタンのHTMLが書かれています。
「×」がそのまま書かれてるのが原因ですので、実体参照「×」に置き換えれば直ります。
'<button type="button" title="' + o.closeBtnCaption + '" class="slbCloseBtn ' + o.closeBtnClass + '">×</button>' +
DAMIR BREKALO氏のSimple lightbox表示サンプル


$('.imageGallery1 a').simpleLightbox();
jsとcssファイルを入れた後は適用させたい画像のaタグを指定するだけなので導入も簡単です。
最近の投稿

【レビュー】31.5/VA/FHD/165Hz/5ms/湾曲「AOPEN 32HC5QRPbiipx」ゲーミングモニター
2021/01/08

【原神】祈願(ガチャ)画面で武器の詳細情報、性能を見る方法
2021/01/07

【原神】狂暴状態の雪のイノシシ王を倒すアチーブメント【ドラゴンスパイン】
2020/12/29

【原神】極寒ダメージで倒れると獲得できる隠しアチーブメント【ドラゴンスパイン】
2020/12/27

【原神】復元後の寒天の釘に登るアチーブと緋紅玉髄
2020/12/25

【原神】ドラスパ南西の小さい島にある緋紅玉髄の入った古代堅氷
2020/12/25

【原神】両手剣「雪葬の星銀(実物)」の入手法【ドラゴンスパイン】
2020/12/24

【原神】温暖仙霊が3匹ぐるぐる回るギミック【ドラゴンスパイン】
2020/12/24
おすすめの投稿

手軽に高音質!配信、実況用おすすめマイク「HyperX QuadCast」レビュー
2019/11/12

「Sigma 100-400mm F5-6.3 DG DN OS」開封と試し撮り(動物園)【Eマウント望遠レンズ】
2020/07/12

Windows10を32bitから64bitへ変更する方法
2020/06/05

Xtrfyのマウスバンジーが最高!【B4】
2020/09/18

Ryzen 9 3900X エコモードでの消費電力と温度を簡易チェック
2020/07/23

【作例】α7R + Sonnar T* FE 35mm F2.8 ZA(SEL35F28Z)
2019/11/23

HP Probook 4520s 分解 CPU交換 Celeron → i5 560M
2016/04/15

LEWITT / LCT 240 Pro 外観チェックと雑感【コンデンサーマイク】
2020/07/28