1
0
Fork 0
mirror of https://git.sr.ht/~ashkeel/strimertul-website synced 2024-10-31 21:33:09 +00:00
strimertul-website/layouts/partials/image-modal.html

31 lines
882 B
HTML
Raw Normal View History

2023-11-12 00:49:01 +00:00
<div id="image-modal" class="modal">
<button class="modal-close" onclick="closeModal()">close</button>
<div class="modal-content">
<img
class="modal-pic"
id="modalPic"
onclick="closeModal()"
style="max-width: 100%; max-height: 80vh; margin: auto;"
/>
</div>
</div>
<script>
// Open the Modal
function openModal(clicked_id) {
var src = document.getElementById(clicked_id).src;
if (src.includes("#")) {
src = src.substring(0, src.indexOf("#"));
}
document.getElementById("modalPic").src = src;
document.getElementById("image-modal").style.display = "block";
}
// Close the Modal
function closeModal() {
// prevents flashing last modal image while new id is loading on open
document.getElementById("modalPic").src = "";
document.getElementById("image-modal").style.display = "none";
}
</script>