Algum script para carregar iframes depois de clicar

iniciopublic · 01/01/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 · 01/01/2021

iniciopublic disse:
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.

Algum script para carregar iframes depois de clicar

iniciopublic

YeltsinReyes