all repos — vanilla-lightbox-JS @ 77fb89fcf728b1e940169c286cc3d6aa611eebf0


        
Peter Molnar github@petermolnar.net
Wed, 22 May 2019 14:04:17 +0000
commit

77fb89fcf728b1e940169c286cc3d6aa611eebf0

1 files changed, 51 insertions(+), 0 deletions(-)

jump to
A gistfile1.txt

@@ -0,0 +1,51 @@

+var links2img = [] + +function initLightbox() { + var links = document.getElementsByTagName("a"); + for(var i = links.length; i--; ) { + var imginside = links[i].getElementsByTagName("img"); + if (imginside.length == 1 ) { + links2img.push(links[i]) + console.log(links[i]); + links[i].onclick = openLightbox; + } + } +} + +function openLightbox(e) { + var lightbox = document.createElement('div'); + lightbox.style.width = "98%"; + lightbox.style.height = "98%"; + lightbox.style.padding = "1%"; + lightbox.style.position = "fixed"; + lightbox.style.top = "0"; + lightbox.style.left = "0"; + lightbox.style.display = "table"; + lightbox.style.zIndex = "999"; + lightbox.style.backgroundColor = "rgba(0, 0, 0, 0.7)"; + lightbox.addEventListener('click', function(){ + closeLightbox(lightbox); + }); + + var fig = document.createElement('figure'); + fig.style.display = "table-cell"; + fig.style.align = "center"; + fig.style.verticalAlign = "middle"; + + var img = document.createElement('img'); + img.src = e.target.parentNode.href; + + fig.appendChild(img); + lightbox.appendChild(fig); + e.target.parentNode.appendChild(lightbox); + + return false; +} + +function closeLightbox(t) { + console.log(t); + t.parentNode.removeChild(t); + return false; +} + +initLightbox();