Estoy tratando de implementar un código que obtuve de un superhi tutorial en un sitio de Squarespace. Quiero tener una galería que no aparezca hasta que hagas clic. Me gusta este sitio - studio-push.com

Tengo el guión escrito, pero no estoy seguro de cómo implementarlo en el espacio cuadrado... ¿alguna idea?

 // JavaScript to reveal image on click. const images = [ "Folio-1.jpg", "Folio-2.jpg", "Folio-3.jpg" ] let i = 0 function placeImage(x, y){ const nextImage = images[i] const img = document.createImage("img") img.setAttribute("src", nextImage) img.style.left = x + "px" img.style.top = y + "px" // if you want to rotate... //img.style.transform = "rotate (" + (Math.random() * 20 - 10) + "deg)" img.style.transform = "translate(-50%,-50%) scale(0.5)" document.body.appendChild(img) i = i + 1 if (i >= images.length) { i = 0 } } document.addEventListener("click", function(event){ event.preventDefault() placeImage(event.pageX,event.pageY ) }) ///on mobile document.addEventListener("touchend", function(event){ event.preventDefault() placeImage(event.pageX,event.pageY ) })