javascript - Call different model images from same web page

Question

I'm starting from: How TO - Modal Images w3schools.com

https://www.w3schools.com/howto/howto_css_modal_images.asp

I would like to call many different modals from one web page. TIA Sorry, I'm a clueless noob.

Found this: https://blr.design/blog/multiple-modals/ and this: https://codepen.io/JackZelig/pen/VPdQXJ

 <!-- Trigger the Modal -->
<img id="myImg" src="img_snow.jpg" alt="Snow" style="width:100%;max-width:300px">

<!-- The Modal -->
<div id="myModal" class="modal">

  <!-- The Close Button -->
  <span class="close">&times;</span>

  <!-- Modal Content (The Image) -->
  <img class="modal-content" id="img01">

  <!-- Modal Caption (Image Text) -->
  <div id="caption"></div>
</div> ```

question from:https://stackoverflow.com/questions/65864209/call-different-model-images-from-same-web-page

Answer 1

Waitting for answers