Q&A
まずPHP度外視でモックを作ってみては？
いきなりPHP絡めては問題切り分けが難しくなるかと思います。
こんにちは。
Lightboxを使って画像をクリックしたら、画像がポップアップするようにしたのですが、キャプションを加えることができません。画像はポップアップするもののキャプションが表示されません。
以下がコードになります。公式文書(LIGHTBOX)とこのサイト(jQuery プラグイン『Lightbox』を使ってタイトル表示の部分をカスタムする)を参考にして、title=""の位置を複数個所で試したのですが、だめでした。
html
1<section class="post-list"> 2a href="img/compu.jpg" data-title="My caption" class="post"> //⭐︎ここ 3 <figure class="post-image"> 4 <img src="img/compu.jpg" data-lightbox="compu.jpg" alt=""> //⭐︎ここも試した 5 </figure> 6 <div class="post-overlay"> 7 <p> 8 <span class="post-likes"><i class="fa fa-heart" aria-hidden="true"></i> 150</span> 9 <span class="post-comments"><i class="fa fa-comment" aria-hidden="true"></i> 10</span> 10 </p> 11 </div> 12 </a> 13</section>
ポップアップの中で画像の下にキャプションが題名のように表示されてほしいです。
よければアドバイスいただけないでしょうか。
よろしくお願いいたします。
あなたの回答
tips
プレビュー
