+- Hack Forums (https://hackforums.net)
+-- Forum: Tech (https://hackforums.net/forumdisplay.php?fid=444)
+--- Forum: Coding (https://hackforums.net/forumdisplay.php?fid=151)
+---- Forum: Coders Lounge (https://hackforums.net/forumdisplay.php?fid=5)
+---- Thread: [Help] HTML Cant Zoom the second picture. (/showthread.php?tid=5564460)
HTML Cant Zoom the second picture. - BorisGrigoryan - Mar 2, 2017
Okay so i used this code
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_modal_img
The first picture i can zoom when i click on it, but when i try with the second picture it does not zoom in, any idea why?
Code
<div class="col-md-3 img-portfolio">
[b]<!--[/b] Trigger the Modal -->
<img id="myImg" src="./images/Portfolio/ARM_0649.jpg" width="300" height="200">
[b]<!--[/b] The Modal -->
<div id="myModal" class="modal">
[b]<!--[/b] The Close Button -->
<span class="close" onclick="document.getElementById('myModal').style.display='none'">×</span>
[b]<!--[/b] Modal Content (The Image) -->
<img class="modal-content" id="img01">
[b]<!--[/b] Modal Caption (Image Text) -->
<div id="caption"></div>
</div>
</div>
<div class="col-md-3 img-portfolio">
[b]<!--[/b] Trigger the Modal -->
<img id="myImg" src="./images/Portfolio/ARM_0649.jpg" width="300" height="200">
[b]<!--[/b] The Modal -->
<div id="myModal" class="modal">
[b]<!--[/b] The Close Button -->
<span class="close" onclick="document.getElementById('myModal').style.display='none'">×</span>
[b]<!--[/b] Modal Content (The Image) -->
<img class="modal-content" id="img01">
[b]<!--[/b] Modal Caption (Image Text) -->
<div id="caption"></div>
</div>
</div>Any kind of help will be awesome.
* - BorisGrigoryan - Mar 2, 2017
(Mar 2, 2017 04:08 AM)Orka Wrote: Only the 1st img has a click handler, you need to attach for the 2nd too.
Here: https://jsfiddle.net/orkatek/LfLry7f7/
Thx brother! works perfect now.