Como posso fazer com que <iframes> carregue apenas com um clique de botão?
Amigos, meu problema é que a minha página é muito lenta para carregar, porque toda a carga simeltaneously. Eu estou puxando um feed RSS que, se você clicar no botão "artigo", ele irá aparecer um Modal que tem o interior dele. O problema é que toda a carga s é simultânea.
aqui é o site:http://daisy.camorada.com/
Eu tentei inserir um src no mas isso não funciona porque eu acho que o iframe carrega quando a página é aberta.
<button class='btn btn-primary' id='miguel'>TEST ME NOW</button>
<button class='btn btn-primary' id='jamison'>jamison</button>
<div id="yoyoyo">
</div>
<iframe id="gogo">
</iframe>
<script>
$('#miguel').on('click', function() {
alert('clicked');
$('#gogogo').attr('href', 'http://www.google.com');
});
</script>
<script>
$('#jamison').on('click', function() {
alert('clicked JAMISON');
$("#yoyoyo").html("<h1>HELLO J</h1><br><iframe class='full-iframe' href='http://news.yahoo.com/three-killed-tribal-clash-libya-001717827.html'></iframe>");
});
</script>