Question

Here is my Code

<script type="text/javascript">
    $(document).ready(function () {

        $("#popup").fancybox({
            'width': 500,
            'height': '500',
            'transitionIn': 'elastic',
            'transitionOut': 'elastic',
            'type': 'iframe'
        });
    });
</script>

width of iframe is set, but Height is not set.
Please let me know where am I going wrong?

Thanks.

Answer 1

I got it solved by doing this…

$(document).ready(function () {
        $("#popup").fancybox({
            fitToView: false,
            autoSize: false,
            autoDimensions: false,
            width: 520,
            height: 310,
            title: 'Login',
            helpers: {
                title: {
                    type: 'float'
                },
            },
            'transitionIn': 'elastic',
            'transitionOut': 'elastic'
        });
    });

Thanks, Anyway…