別の画像モーダル（W3Sコード）を追加するには？

Question

私はW3Sでこのコードを見つけました：

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_modal_img

私は既存の画像の隣に別の画像をモーダルに追加する方法を見つけ出すことはできません。

そして、私はこれはjavascriptを理解する人にとっては簡単だと思いますが、残念ながら私はそうではないと誰かが説明してくれればとてもうれしいでしょう。

ありがとうございます！

Answer 1

JavaScriptが提供するコードの問題は、JavaScriptがイメージIDに依存していることです。イメージIDはドキュメント全体にしか存在しません。 主にスワップアウトします。 var img = document.getElementById('myImg'); with; var imageList = document.querySelectorAll('img'); 結果にループを適用すると、複数の画像を追加できます。

JSFiddleで2つの画像の例としてコードを更新していただければ幸いです。