بُعد Iframe Fancybox

Question

في الصفحة الرئيسية في The Fancybox (http://fancybox.net/home) هناك مثال يفتح أبعاد Iframe كـ 75 ٪ من الشاشة.

لا يمكنني الحصول عليها عن طريق تعديل خصائص العرض والارتفاع على ملف .js كما هو موضح في الموقع.

Answer 1

يجب أن تجرب هذا:

$('iframeLink').fancybox({
'width':300,
'height':200,
'type':'iframe',
'autoScale':'false'
});

Answer 2

مرحبًا ، لقد قرأت للتو كل هذه الأشياء ، واضطررت إلى أخذ أجزاء وقطع ما كتبه أي شخص آخر لجعله يعمل. أردت نافذة 600 من 410

قم أولاً بتغيير نص Java لقد تعاملت مع الملف: jquery.fancybox-1.3.4.js (قد يتغير هذا مع الإصدارات اللاحقة) ضمن الإعدادات الافتراضية ، قم بتعيين طولك وعرضك

العرض: 600 ، الارتفاع: 410 ،

*ثم قم بتغيير البرنامج النصي على صفحة الويب الخاصة بك

$ ("#varies3"). Fancybox ({

"العرض": 600 ،

"الارتفاع": 410 ،

'AutoScale': False ،

"النوع": "iframe"

يرجى ملاحظة أن الحجم ليس في اقتباسات واحدة! لقد أهدرت ساعة قبل أن رأيت هذا الخطأ.

هذا يجب أن يساعد. الآن إذا كان بإمكان شخص ما أن يخبرني بكيفية الحصول على هذا iframe يطفو على تشغيل الصفحة.

Answer 3

أظن أنه يجب عليك ضبط ارتفاع Fancybox على أنه

$(window).height() * 0.75 

لكنني أفضل شخصياً أن أفعل ذلك ببكسل مثل

$(window).height() - 80

Answer 4

لقد واجهت نفس المشكلة وانتهى بي الأمر بضبط الأبعاد الافتراضية في أسفل ملف Fancybox JS - "FramewIdth: 800 ، FrameHight: 600"

يذكرون أيضًا أنه يمكنك القيام بذلك على موقع Fancybox:

يمكنك تمرير الخيارات ككائن مفتاح/قيمة إلى وظيفة Fancybox () أو تعديلها في أسفل ملف Hanclbox JS

Answer 5

لكن صندوق Fancybox يعمل مع Ajax ولذا لا يمكنني تغيير الحجم الهائل!

$('iframeLink').fancybox({ 'width':300, 'height':200, 'type':'ajax', 'autoScale':'false' });

Answer 6

لقد حصلت على الإصدار 2.14 وهذا ما يناسبني.

$(document).ready(function() {
    $(".iframe").fancybox({
    type: 'iframe',
    'padding' : 0,  
    'autoSize': false,      
    'width': 650, 
    'height': 520
    });
});

Answer 7

بمجرد تغيير قيمة النوع من "iframe" إلى "Ajax" ، حل المشكلة.

$('Selector').fancybox.open({
                href : 'iframe.html',
                type : 'ajax',  //from type : 'iframe',
                padding : 0     
            });

الآن يستخدم ارتفاع وعرض الفصل الموصوف لجسم ملف iframe.html. حتى يتم التلاعب التلقائي.