Algún script para que cargue iframes después de dar click

iniciopublic · 1 Ene 2021

Tengo una web en wordpress que carga varios iframes en cada entrada, lo que ralentiza la web

Algún script para que al entrar no cargue los iframes, solo se carguen cada uno cuando se da click a un botón?

gracias

YeltsinReyes · 1 Ene 2021

iniciopublic dijo:
Tengo una web en wordpress que carga varios iframes en cada entrada, lo que ralentiza la web

Algún script para que al entrar no cargue los iframes, solo se carguen cada uno cuando se da click a un botón?

gracias

Tienes que poner tus iframes en ves de src pones data-src y display none para que no se vean.

HTML:

<iframe data-src="https://google.com/" style="display:none;"></iframe>

El boton con el id btn.

HTML:

<button id="btn">Ver iframes</button>

Con este código javascript cuando le den click al boton cambiara data-src por src a todos los iframes.

JavaScript:

<script>
let btn = document.getElementById('btn');
btn.addEventListener('click', function(){
  
    let iframes = document.querySelectorAll('iframe');
    iframes.forEach(function(iframe){
      
        let data_src = iframe.getAttribute('data-src');
        iframe.setAttribute('src', data_src);
        iframe.style.display = 'block';
      
    });

});
</script>

Nota: tienes que tratar de seleccionar solo los iframes de las entras.

Algún script para que cargue iframes después de dar click

iniciopublic

YeltsinReyes