using fancybox set height and width

Question

i am new to j query, it is cool, but i am glued to the ceiling on how to add width and height to a iframe generated after click, using this code: all suggestions would be great and thanks in advance Khadija

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

Answer 1

You Need to set autoSize to false, worked for me

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

Answer 2

use this css :)

.fancybox-overlay .fancybox-skin {
   max-width: 900px !important;
   margin: auto;
}

.fancybox-overlay .fancybox-inner {
  max-width: 900px;
  margin: auto;
}

.fancybox-overlay .fancybox-skin {
   margin: auto;
}

Answer 3

This code set size of fancy dynamic @ run time only you have to pass height & width along with page url,to whom you want to set

Eg: demo.aspx //this statement calls fancy function which is present in your main page

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

  MainPage.aspx

// just add this function in your main page

    function SetFancySizeDynamic(fbHref, fbWidth, fbHeight) {

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

        });
    }

Answer 4

If you have still issues

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

modify it in jquery.fancybox.js

Answer 5

You must set autoSize to false

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

Answer 6

To initialize the fancybox popup for the usage of an iframe, limited to a certain width and height, you need at least three parameters:

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

You can read all about the available options at the FancyBox API Page.