Q&A
Lightbox などプラグイン／ライブラリは似た名前のものもあるため、取得した場所のURLを質問文に追記ください。（URLにはリンクを張ることができます）
前提・実現したいこと
画像をクリックしたら拡大させるためにLightboxを入れました。
しかし、画像をクリックするとずっと丸矢印のアイコンがぐるぐる回り続け、画像が表示されません。
表示させる画像はLightboxでダウンロードしたimagesフォルダにいれています。
data-lightboxにつける名前をどこかで設定する場所があるとかなんでしょうか？
ダウンロードした場所です→ https://github.com/lokesh/lightbox2
該当のソースコード
<head> <link rel="stylesheet" href="css/lightbox.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="js/lightbox.min.js"></script> </head> <div id="image-right-box"> <div class="image-top-box"> <a data-lightbox="popup"> <img src="images/●●●.jpg" / > </a> </div> </div>
ご指摘ありがとうございます。
追記させていただきました。
回答1件
0
ベストアンサー
a要素のhref属性に拡大時の画像を指定するのではないでしょうか。
【Lightbox】
https://lokeshdhakar.com/projects/lightbox2/
投稿2019/08/23 08:28
総合スコア69398
<div id="image-right-box">
<div class="image-top-box">
<a href="images/●●●.jpg" data-lightbox="popup">
<img src="images/●●●.jpg" / >
</a>
</div>
</div>
ありがとうございます！aタグにhrefに同じ表示させたい画像を指定したらできました。
あなたの回答
tips
プレビュー
