gaModal check ポップアップウィンドウに画像を表示するも・・・

Question

Modal-checkでポップアップに画像を表示させたいです。
下記のようにコードがあります。

Dillingers <label for="modal-check"><sup>(注1)</sup></label><input type="checkbox" id="modal-check"><span class="modal"><label for="modal-check">閉じる</label><br /><br />
解説：写真はフィラデルフィア・デリンジャー。人間の拳程度の大きさでポケットにも入る。護身拳銃や暗殺用として使われていた。リンカーン暗殺に使われた銃はパーカッション式のデリンジャー。</span>

をカジノで拾った。

この状態だと問題なく、この後に文章が続きますが
上記のコードに画像URとタイトルを乗せると、Dillingerの後に表示されていた元の文章
”をカジノで拾った。”が表示されません。

<label for="modal-check"><sup>(注1)</sup></label><input type="checkbox" id="modal-check"><span class="modal"><label for="modal-check">閉じる</label><br /><br />
<p style="font-family:’Helvetica Bold’,游明朝,'Yu Mincho'; text-align:center;">Derringer (デリンジャー )</p>
<center><img src="images/phild.png" width="150" height="100" alt="phildelphiadillinger'></center>

解説：写真はフィラデルフィア・デリンジャー。人間の拳程度の大きさでポケットにも入る。護身拳銃や暗殺用として使われていた。リンカーン暗殺に使われた銃はパーカッション式のデリンジャー。</span>

ポップアップに”をカジノで拾った。”が含まれてしまう場合もあります。

どうぞよろしくお願いします。

＝＝＝＝＝
上記は　Alt　ないのタグを修正することで改善されましたが、二番目のModalでは
”状況：デリンジャー護身用に持っている”とはでずに、一番目の画像付きのデリンジャーの解説が出てしまいます。

Dillingers <label for="modal-check"><sup>(注1)</sup></label><input type="checkbox" id="modal-check"><span class="modal"><label for="modal-check">閉じる</label><br /><br />
<p style="font-family:’Helvetica Bold’,游明朝,'Yu Mincho'; text-align:center;">Derringer (デリンジャー )</p>
<center><img src="images/phild.png" width="150" height="100" alt="phildelphiadillinger"></center>
解説：写真はフィラデルフィア・デリンジャー。人間の拳程度の大きさでポケットにも入る。護身拳銃や暗殺用として使われていた。リンカーン暗殺に使われた銃もデリンジャー、パーカッション式のデリンジャー。</span>
<br />

をカジノで拾った。

俺は奴の用心棒<label for="modal-check"><sup>(注2)</sup></label><input type="checkbox" id="modal-check"><span class="modal"><label for="modal-check">閉じる</label><br /><br />
状況：デリンジャー護身用に持っている。</span><br/>

今からあいつの元に行く。

----参考までに今表示されている内容は下記です。

Answer 1

altの"が閉じられていないからとか？？
試していませんが。。

<!--
<img src="images/phild.png" width="150" height="100" alt="phildelphiadillinger'>
-->
↓
<img src="images/phild.png" width="150" height="100" alt="phildelphiadillinger">

Comments

[StanS.]

ありがとうございました。　altの"が閉じたらいけました。
お騒がせしました。

[StanS.]

続けて問い合わしたいです。
上記のコードを、ポップアップの中身は文章を変えて、
別の文で脚注として使うと全て、

”解説：写真はフィラデルフィア・デリンジャー。人間の拳程度の大きさでポケットにも入る。護身拳銃や暗殺用として使われていた。リンカーン暗殺に使われた銃はパーカッション式のデリンジャー。”

のポップアップ内容になってしまいます。中身は違ったものを書いたにも関わらずに・・
先にでたコードが効いてしまって全て初めにModalで記載された内容になっています。なぜでしょうか・・

[mayoi_maimai]

1.ブラウザのキャッシュが残っている
2.アップロードしたファイルが間違っている
3.そもそもアップロードしていない

といったところでしょうか。。
とりあえずCtrl+F5キーでキャッシュをクリアして確認してみてはいかがでしょうか。

[StanS.]

キャッシュをクリアしてもダメでした。

[mayoi_maimai]

モーダルを複数使用しているのであればidの重複だと思います。
もし一つしか使っていないのであれば新たに質問として立ち上げた方が良いかもしれません。

[StanS.]

Modalは複数使用しています。コードはそのままでポップアップ時のコンテンツのみを変更しました。
二番目のModalではどの箇所にIDを入力して、IDを持たせてあげればいいのでしょうか？

[StanS.]

新しく質問を立ち上げてみました。