Q&A
プラグインやライブラリは正式名称を記載するのは勿論ですが再現確認しやすいようにバージョンや公式サイトのURLをリンクで提示してください。
また「ローカル環境では問題ありません」とのことですが、どこで問題が起きたのでしょうか。
環境情報を提示してください（サーバー、確認されたブラウザ・バージョンなどなど）
Lightboxのtitleのテキストに<br>を入れて改行すると画像が非表示になる現象が起きています。
※ローカル環境では問題ありません。jpgからpngに変更しても駄目でした。
もし何か良い対応策があればご教示頂けますと幸いです。
HTML
1■画像が表示される 2<ul> 3<li><a href="img/sub/staff01.jpg" rel="lightbox" data-lightbox="1" title="テストタイトル"><img src="img/sub/staff01.jpg"></a></li> 4</ul> 5 6■画像が表示されない 7<ul> 8<li><a href="img/sub/staff01.jpg" rel="lightbox" data-lightbox="1" title="テスト<br>タイトル"><img src="img/sub/staff01.jpg"></a></li> 9</ul>
改行したいときは改行タグではなく改行コードではないでしょうか。
https://qiita.com/Yuki_Yamashina/items/f556424ef18c74662e44
タグの中にタグを入れるとどんな不具合が起きるか分かりません（ブラウザにもよると思います）
教えて頂いたURLの内容で試したところ解決ができました。ありがとうございます！
環境は
OS：Win10
ブラウザ：Chrome 71.0
でございます。
質問内容に不足があり失礼いたしました。以後このような事が無いよう注意いたします。
解決したようでしたら回答に起こしますね。
質問は編集できるので適宜ご対応ください
ありがとうございます！
回答2件
0
HTML
1<a href="img/sub/staff01.jpg" rel="lightbox" data-lightbox="1" title="テスト<br />タイトル">
もしくは
HTML
1<a href="img/sub/staff01.jpg" rel="lightbox" data-lightbox="1" title="テスト 2タイトル">
CSS
1.lb-caption { 2 white-space: pre-line; 3}
投稿2018/12/27 04:36
総合スコア13749
0
ベストアンサー
改行したいときは改行タグではなく改行コードではないでしょうか。
Lightboxで画像のタイトルを改行したいときの変更箇所
タグの中にタグを入れるとどんな不具合が起きるか分かりません（ブラウザにもよると思います）
投稿2018/12/27 04:48
総合スコア80850
あなたの回答
tips
プレビュー
