Используя высоту и ширину fancybox

Я новичок в j-вопросе, это круто, но я приклеен к потолку о том, как добавить ширину и высоту в iframe, сгенерированный после клика, используя этот код: все предложения были бы замечательными и заблаговременно Хадиджа

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

Ответ 1

Вы должны установить autoSize значение false

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

Ответ 2

Чтобы инициализировать всплывающее окно fancybox для использования iframe, ограниченное определенной шириной и высотой, вам нужно как минимум три параметра:

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
  });
});

Вы можете прочитать все о доступных опциях на странице FancyBox API.

Ответ 3

Try:

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

Ответ 4

Эй Используйте приведенный ниже код:

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>'
        });
    }
});

Ответ 5

Этот размер набора кодов для модного динамического @времени запуска должен проходить только по высоте и ширине вместе с URL-адресом страницы, которому вы хотите установить

Например: demo.aspx // этот оператор вызывает функцию fancy, которая присутствует на вашей главной странице

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

  MainPage.aspx

//просто добавьте эту функцию на свою главную страницу

    function SetFancySizeDynamic(fbHref, fbWidth, fbHeight) {

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

        });
    }

Ответ 6

Вам нужно установить autoSize в false, сработало для меня

$( "FancyBox." ) FancyBox ({ 'ширина':. 400, 'Высота': 300, 'autoSize': false});

Ответ 7

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'                   
                });
            });
        });

Ответ 8

С iframe

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

Без iframe

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

Ответ 9

Если вы все еще проблемы

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

изменить его в jquery.fancybox.js