फैंक्सबॉक्स - iframe सामग्री के साथ fancybox का आकार अपडेट कर रहा है?

Question

मेरी साइट पर मैं एक Fancybox खोलता हूं जिसमें IFRAME सामग्री है। क्या एक लिंक उस पर क्लिक होने पर फैंक्सबॉक्स के आकार को अपडेट करना संभव है?

उदाहरण के लिए, मैंने इसे शुरू में 535 पीएक्स चौड़ाई पर सेट किया है, जब एक विशिष्ट लिंक क्लिक किया जाता है, तो मैं चाहता हूं कि फैंक्सबॉक्स 900px चौड़ाई का आकार बदल जाए।

कोई विचार यह है कि मैं इसे कैसे प्राप्त कर सकता हूं?

धन्यवाद!

Answer 1

मुझे लगता है कि मैं सिर्फ एक ही समस्या है और मेरे मामले में, fancybox.resize काम नहीं किया लेकिन यह मेरे लिए काम किया: पोस्ट करने

$("#lightbox").fancybox({ 
    'hideOnContentClick' : true, 
    'width' : 500, 
    'type' : 'iframe', 
    'padding' : 35, 
    'onComplete' : function() { 
    $('#fancybox-frame').load(function() { // wait for frame to load and then gets it's height 
     $('#fancybox-content').height($(this).contents().find('body').height()+30); 
    }); 
    } 
});

क्रेडिट इयान निहार करने के लिए यहाँ है कि: http://www.ianhoar.com/2011/08/25/jquery-and-fancybox-how-to-automatically-set-the-height-of-an-iframe-lightbox/

Answer 2

$('a', $('#youriframeID').contentDocument).bind('click', function() { 
    preventDefault(); 
    $('#yourIframeID').attr('src', $(this).attr('href')); 
    $('#yourIframeID').load(function() { 
     $.fancybox.resize; 
    }); 
}); 

यदि आपके आईफ़्रेम के भीतर 'ए' क्लिक किया गया है, तो डिफ़ॉल्ट ईवेंट अवरुद्ध हो जाएंगे। इसके बजाय, हम आपके आईफ्रेम के स्रोत को बदलते हैं। जब इसे लोड किया जाता है, तो # .fancybox.resize सामग्री के संबंध में स्वचालित रूप से फैंसीबॉक्स का आकार बदल देगा। यह एक विचार है, इसलिए कोड शायद अभी तक काम नहीं करेगा। आपको सही रास्ते पर जाने में मदद करने के लिए।

Answer 3

जो लोग यहाँ आ fancybox 2 का उपयोग कर सकता है के लिए:

इस कोड है कि मुझे

$(".iframe").fancybox({ 
        autoSize: false, 
        autoDimensions: false, 
        width: 630, 
        height: 425, 
        fitToView: false, 
        padding: 0, 
        title: this.title, 
        href: $(this).attr('href'), 
        type: 'iframe' 
       }); 

के लिए काम किया है

Answer 4

यह fancybox v2.1.4 पर मेरे लिए काम करता

$('#myid').fancybox({ 
    closeBtn : false, 
    padding  : 0, 
    preload  : true, 
    onUpdate : function(){ 
     $.fancybox.update(); 
    } 
});