El codificador infantil aquí usó una plantilla para mi sitio donde quería mostrar mi trabajo. El problema es que la UX es realmente mala; en la sección de mi portafolio, quiero que los usuarios hagan clic en una de las imágenes para que se abra una nueva pestaña, en lugar de hacer zoom en una foto. Intenté modificar el JS y crear una nueva función, una nueva pestaña, pero cuando lo hago, detiene todos los demás scripts en la página y no aparece ninguna información. Tal vez alguien aquí puede ayudar? Aquí está el enlace a la plantilla que he usado: https://templateflip.com/templates/super-folio/

aquí está la parte del código que me está haciendo tropezar:

 /** * Big Picture Popup for Photo Gallary */ document.querySelectorAll(".bp-gallery a").forEach((function(e) { var caption = e.querySelector('figcaption') var img = e.querySelector('img') // set the link present on the item to the caption in full view img.dataset.caption = '<a class="link-light" target="_blank" href="' + e.href + '">' + caption.innerHTML + '</a>'; window.console.log(caption, img) e.addEventListener("click", (function(t){ t.preventDefault(); BigPicture({ el: t.target, gallery: '.bp-gallery', }) }) ) }))

Cuando lo cambié, hice:

 /** * Big Picture Popup for Photo Gallary */ document.querySelectorAll(".bp-gallery a").forEach((function(e) { var caption = e.querySelector('figcaption') var img = e.querySelector('img') function NewTab() { window.open( "a", "_blank"); ) }))

Lo cual funcionó, pero hizo que todo el resto del texto de la página desapareciera o no respondiera.

¡Cualquier ayuda que pueda proporcionar sería genial!