Kích thước khung nội tuyến fancybox

Question

Trong trang chủ hộp thư ưa thích (http://fancybox.net/home) có một ví dụ mở iFrame được đánh giá là 75% của màn hình.

Tôi không thể nhận được bằng cách sửa đổi thuộc tính chiều rộng và chiều cao trên tệp .js như được mô tả trên trang web.

Answer 1

Bạn nên cố gắng này:

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

Answer 2

tôi đã cùng một vấn đề và kết thúc điều chỉnh kích thước mặc định ở dưới cùng của file Fancybox js - "frameWidth: 800, frameHeight: 600"

họ cũng đề cập đến bạn có thể làm on the fancybox site này:

bạn có thể vượt qua tùy chọn như là chìa khóa/giá trị đối tượng để Fancybox() chức năng hoặc modif y họ ở dưới cùng của Fancybox tập tin JS

Answer 3

Tôi đoán bạn nên thiết lập chiều cao Fancybox như

$(window).height() * 0.75 

nhưng cá nhân tôi muốn làm điều đó với pixel như

$(window).height() - 80 

Answer 4

Xin chào Tôi chỉ đọc qua tất cả những điều này và tôi đã phải mất bit và miếng của những gì mọi người khác đã viết để làm cho nó hoạt động. Tôi muốn có một cửa sổ 600 của 410

sự thay đổi đầu tiên kịch bản java tôi xử lý các tập tin: jquery.fancybox-1.3.4.js (điều này có thể thay đổi với các phiên bản mới hơn) dưới giá trị mặc định thiết lập của bạn chiều cao và chiều rộng

width: 600, height: 410,

* sau đó thay đổi kịch bản trên trang web của bạn

.

$ ("# various3") Fancybox ({

'width': 600,

'chiều cao': 410,

'autoScale': false,

'loại': 'iframe'

xin lưu ý rằng kích thước không nằm trong dấu nháy đơn! Tôi lãng phí một giờ trước khi tôi nhìn thấy sai lầm này.

Điều này sẽ hữu ích. Bây giờ nếu ai đó có thể cho tôi biết cách để khung nội tuyến này bật lên khi tải trang.

Answer 5

nhưng hộp ưa thích của tôi hoạt động với ajax và vì vậy tôi không thể thay đổi kích thước ưa thích!

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

Answer 6

Tôi có phiên bản 2.14 và đây là những gì phù hợp với tôi.

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

Answer 7

Chỉ cần thay đổi giá trị của loại từ 'iframe' thành 'ajax', giải quyết vấn đề.

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

Bây giờ, nó sử dụng chiều cao & chiều rộng của lớp được mô tả cho phần nội dung của tập tin iframe.html. Vì vậy, tự động thao tác.