Q&ALightboxを使用して写真をぽわーんと表示したいのですが、表示結果が写真のように下がはみ出してしまします。いろいろ試しましたができません。改善点をわかりやすく教えていただけると助かります。
該当のソースコード
HTML
1<!DOCTYPE html> 2<html lang="ja"> 3 <head> 4 <meta charset="UTF-8"> 5 <link rel="stylesheet" href="css/style.css"> 6 <link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/css/lightbox.css" rel="stylesheet"> 7 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 8 <script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/js/lightbox.min.js" type="text/javascript"></script> 9 </head> 10 <body> 11<div id="main"> 12 <section id="photo"> 13 <h2>カレー</h2> 14 <ul> 15 <li><a href="images2/バターチキンカレー.jpg" data-lightbox="group"><img src="images2/バターチキンカレー.jpg" alt="バターチキンカレー" width="150px" height="150px"><br>バターチキンカレー</a></li> 16/*スペースを減らすために該当写真のみを表示しています*/ 17 </ul> 18 </section> 19 </div> 20```
回答1件
0
自己解決
「lightbox.css」「lightbox.min.js」を自分のフォルダー内に入れたら解決しました。
投稿2020/04/22 05:30
総合スコア12
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。