Question

The jquery fancybox width is abnormal. means it is equal to the width of the page. If i change the class name to ‘iframe’ width works fine else width is miss behaving.

$(".iframe_reg2").fancybox({
        'transitionIn'  :   'elastic',
        'transitionOut' :   'elastic',
        'speedIn'       :   600,
        'speedOut'      :   200,
        'overlayShow'   :   false,
            'width'         :       400
    });

And my Html is

 <a class="iframe_reg2" href="http://google.com">Google</a>

Answer 1

U need to set autoDimensions to false if you’re specifying the width yourself. So ideally , the call should be

$(".iframe_reg2").fancybox({
        'transitionIn'  :   'elastic',
        'transitionOut' :   'elastic',
        'speedIn'       :   600,
        'speedOut'      :   200,
        'overlayShow'   :   false,
        'autoDimensions':   false,
        'width'         :   400
    });

I think this should work 🙂