Leniwe obciążenie iframe (opóźnienie wywołania src http) z jquery

Question

Szukam czegoś podobnego do jQuery image lazy load plugin, ale dla iframe s.

Answer 1

To zadziałało dla mnie.

var iframes = $('iframe'); 

$('button').click(function() { 
    iframes.attr('src', function() { 
     return $(this).data('src'); 
    }); 
}); 

iframes.attr('data-src', function() { 
    var src = $(this).attr('src'); 
    $(this).removeAttr('src'); 
    return src; 
}); 

jsFiddle.

Answer 2

Zawsze można włączyć atrybut src do wartości około: puste, a po uruchomieniu zdarzenia kliknięcia ustaw atrybut src na adres URL, do którego ma prowadzić nawigacja.

Answer 3

Czy można ustawić src na about: blank? Lubię to?

http://jsfiddle.net/MaUfH/

Answer 4

similar question był ostatnio pisał specyficzne iFrames z kartami Twitter Bootstrap opartych, które answered stosując technikę Dzwonię Lazy Loading of iFrames. Js/jquery jest następująca; zobacz pełny kod w tym znaczników HTML na skrzypcach lub na mojej odpowiedzi na OP:

<script> 
$('#myTabs').bind('show', function(e) { 

// identify the tab-pane 
paneID = $(e.target).attr('href'); 

// get the value of the custom data attribute to use as the iframe source 
src = $(paneID).attr('data-src'); 

//if the iframe on the selected tab-pane hasn't been loaded yet... 
if($(paneID+" iframe").attr("src")=="") 
{ 
    // update the iframe src attribute using the custom data-attribute value 
    $(paneID+" iframe").attr("src",src); 
} 
}); 
</script> 

Answer 5

Jeśli chcesz to zrobić w WordPress

Tutaj jest automatyczne, zażądać redukcji, roztwór

w WordPress postaci wtyczki

Oto WordPress wtyczki można pobrać i zainstalować ręcznie przez WordPress plugin repozytorium. Stworzyłem to dzisiaj, aby poradzić sobie z tą sytuacją. Żadne zmiany w treści nie są potrzebne, działa to automatycznie po aktywowaniu na dowolnym i wszystkich elementach iframe.

https://wordpress.org/plugins/lowermedia-iframes-on-demand/