Thank you for the reply!
I have a few questions:
With the HTML, to make different classes for the multiple modals, would I have to make it:
<div class="myModal1" class="modal">
For the first and then
<div class="myModal2" class="modal">
for the second one, something like that? Or could the <div class="myModal" class="modal"> suffice for all 25?
and then for the JavaScript, instead of making them ids, replace them with classes like this, right?
// Get the modal
var modal = document.getElementByclass('myModal1'); [and then myModal2, myModal3...]
Lastly, I was wondering for each of the 25 modals, when you change them to class, do I add CSS for each of the 25?
I have been playing with making them classes but now when I open my page, the modal boxes are already up and I can't close them. My plan for the modal box was that when the image was clicked on, a box would pop up. Then the user can then exit out the modal. And then they click on the next image and then the second modal comes up.
Thank you again for any assistance!