आलसी लोड iframe (देरी स्रोत http कॉल) jquery

Question

के साथ मैं jQuery image lazy load plugin के समान कुछ ढूंढ रहा हूं, लेकिन iframe एस के लिए।

Answer 1

यह मेरे लिए काम किया।

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

आप हमेशा src विशेषता को निम्न के बारे में बता सकते हैं: खाली और फिर जब आपका क्लिक ईवेंट आग लगती है, तो उस URL को src विशेषता दें जिसे आप नेविगेट करना चाहते हैं।

Answer 3

क्या आप इस बारे में src को रिक्त स्थान पर सेट कर सकते हैं? इस कदर?

http://jsfiddle.net/MaUfH/

Answer 4

एक similar question हाल ही में था के साथ ट्विटर बूटस्ट्रैप आधारित टैब, जो मैं answered iFrames के लिए विशिष्ट तैनात एक तकनीक मैं Lazy Loading of iFrames फोन कर रहा हूँ का उपयोग कर। जेएस/jquery निम्नानुसार है; बेला में या ओ पी करने के लिए मेरी प्रतिक्रिया पर html मार्कअप सहित पूर्ण कोड देखें:

<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

आप

यहाँ है एक स्वचालित, को कम करने का अनुरोध वर्डप्रेस में ऐसा करना चाहते हैं, तो समाधान

WordPress प्लग इन प्रपत्र

यहाँ में एक वर्डप्रेस प्लगइन डाउनलोड करने और मैन्युअल रूप से वर्डप्रेस प्लगइन भंडार के माध्यम से स्थापित कर सकते हैं। मैंने आज इस स्थिति को संभालने के लिए इसे बनाया है। सामग्री में कोई बदलाव की आवश्यकता नहीं है, यह स्वचालित रूप से किसी भी और सभी iframes पर सक्रिय हो जाने पर काम करता है।

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