sử dụng Fancybox thiết lập chiều cao và chiều rộng

Question

i am mới để j truy vấn, nó là mát mẻ, nhưng tôi đang dán mắt vào trần về cách thêm chiều rộng và chiều cao đến một iframe tạo ra sau khi nhấp chuột, sử dụng mã này: tất cả các lời đề nghị sẽ là tuyệt vời và cảm ơn trước Khadija

$(document).ready(function() { 
    $(".fancybox").fancybox(); 
}) 
.height = '600px'; 

Answer 1

Hãy thử:

$(document).ready(function() { 
    $(".fancybox").fancybox({"width":400,"height":300}); 
}) 

Answer 2

để khởi tạo Fancybox sổ popup cho việc sử dụng một khung nội tuyến, giới hạn chiều rộng nhất định và chiều cao, bạn cần ít nhất ba thông số:

jQuery

$(document).ready(function(){ 
    $(".fancybox").fancybox({ 
    'width' : 600,   // set the width 
    'height' : 600,   // set the height 
    'type' : 'iframe'  // tell the script to create an iframe 
    }); 
}); 

Bạn có thể đọc tất cả về các tùy chọn có sẵn tại FancyBox API Page.

Answer 3

này đang thiết lập kích thước của fancy @ năng động thời gian chạy duy nhất mà bạn phải vượt qua chiều cao & chiều rộng cùng với url trang, người mà bạn muốn thiết lập

Ví dụ: demo.aspx // tuyên bố này gọi chức năng ưa thích đó là hiện diện trong trang chính của bạn

 window.parent.SetFancySizeDynamic(YourPageUrl,300,200) 

    MainPage.aspx 

// chỉ cần thêm chức năng này trong trang chính của bạn

function SetFancySizeDynamic(fbHref, fbWidth, fbHeight) { 

     $.fancybox({ 
      'padding': 0, 
      'overlayColor': '#ccc', 
      'type': 'iframe', 
      'href': fbHref, 
      'width': fbWidth, 
      'height': fbHeight 

     }); 
    } 

Answer 4

Yo ("Fancybox"). U phải thiết lập autoSize false

$(".fancybox").fancybox({'width':400, 
         'height':300, 
         'autoSize' : false}); 

Answer 5

bạn cần phải thiết lập autoSize false, làm việc cho tôi

$ Fancybox ({ 'width': 400, 'chiều cao ': 300, ' autoSize ': false});

Answer 6

jQuery(function($){  
      $(document).ready(function() { 
     $("#lightwindow").fancybox({ 
        minWidth: 250, 
        width: 250, 
        minHeight: 500, 
        height: 500, 
        'autoScale': false, 
        'autoDimensions': false, 
        'scrolling'  : 'no', 
        'transitionIn' : 'none', 
        'transitionOut' : 'none', 
        'type': 'iframe'     
       }); 
      }); 
     }); 

Answer 7

Nếu bạn vẫn phát

  width  = current.width, 
      height  = current.height, 

sửa đổi nó trong jquery.fancybox.js

Answer 8

Hey Sử dụng mã đưa ra dưới đây:

fancybox({ 
    afterLoad : function() { 
     $.extend(this, { 
      aspectRatio : false, 
      type : 'html', 
      width : '90%', 
      height : '90%', 
      content : '<div class="fancybox-image" style="background-image:url(' + this.href + '); background-size: cover; background-position:50% 50%;background-repeat:no-repeat;height:100%;width:100%;" /></div>' 
     }); 
    } 
}); 

Answer 9

Với iframe

$(document).ready(function() { 
     $(".fancybox").fancybox({ 
      width:600, 
      height:400, 
      type: 'iframe', 
      href : 'url_here' 
     }); 
    }) 

Without iframe

$(document).ready(function() { 
    $(".fancybox").fancybox({ 
     width:600, 
     height:400, 
     autoDimensions: false, 
    }); 
})