문제

Fancybox 홈페이지에서 (http://fancybox.net/home) 화면의 75%로 iframe 치수를 엽니 다.

사이트에 설명 된대로 .js 파일의 너비 및 높이 특성을 수정하여 얻을 수 없습니다.

도움이 되었습니까?

해결책

당신은 이것을 시도해야합니다 :

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

다른 팁

안녕하세요 저는이 모든 것을 읽었습니다. 그리고 나는 다른 사람들이 그것을 작동시키기 위해 쓴 것에 대해 조금과 조각을 가져 가야했습니다. 나는 창 600 x 410을 원했다

먼저 Java 스크립트를 변경하십시오 파일을 처리했습니다. jQuery.fancybox-1.3.4.js (이것은 이후 버전으로 변경 될 수 있습니다) 기본값에서 높이와 너비를 설정합니다.

너비 : 600, 높이 : 410,

*그런 다음 웹 페이지에서 스크립트를 변경하십시오

$ ( "#variver3"). Fancybox ({{

'폭': 600,

'높이': 410,

'Autoscale': False,

'타입': 'iframe'

크기는 단일 따옴표가 아닙니다! 나는이 실수를보기 전에 한 시간 전에 낭비했다.

이것은 도움이 될 것입니다. 이제 누군가 가이 iframe을 페이지로드에 팝업하는 방법을 알려줄 수 있다면.

나는 당신이 멋진 박스 높이를 다음으로 설정해야한다고 생각합니다 

$(window).height() * 0.75

그러나 나는 개인적으로 픽셀로 그것을 선호합니다.

$(window).height() - 80

나는 같은 문제가 있었고 Fancybox JS 파일의 하단에서 기본 치수를 조정했습니다 - "Framewidth : 800, FrameHeight : 600"

그들은 또한 당신이 이것을 할 수 있다고 언급합니다 Fancybox 사이트에서:

옵션으로 옵션으로 key/value 객체로 Fancybox () 함수로 전달하거나 Fancybox js 파일 하단에서 수정할 수 있습니다.

그러나 내 멋진 박스는 Ajax와 함께 일하면서 멋진 크기를 바꿀 수 없습니다!

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

버전 2.14가 있고 이것이 저에게 적합한 것입니다.

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

유형의 값을 'iframe'에서 'ajax'로 변경하면 문제를 해결하십시오.

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

이제 iframe.html 파일의 본문에 대해 설명 된 클래스의 높이와 너비를 사용합니다. 그래서 자동 조작.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top