автоматическое изменение размера fancybox с ограничениями

Question

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

Чтобы изменить размер без быстрого беспорядка, я делаю вот так.

<script type="text/javascript">
    jQuery(document).ready(function() {
        $('MyTagValue').fancybox(
        {
            'titlePosition' : 'inside',
            'transitionIn'  : 'fade',
            'transitionOut' : 'fade',
            'onStart' : function()
            { 
                $('#MyTagStyle').css(
                {
                    marginLeft: '-10000px'
                }); 
            }, 
            'onComplete' : function()
            { 
                $.fancybox.resize(); 
                $('#MyTagStyle').css(
                {
                    marginLeft: '0px'
                }); 
            }  
        });
    });
</script>

поэтому у меня вопрос, как изменить размер экрана вашего браузера или не больше, чем определенное значение, например, я хочу изменить размер авто, НО не больше, чем ширина: 800px; и высота: 900px;

, чтобы проиллюстрировать, что у меня есть сейчас и чего я хочу достичь, вот несколько экранов:

Ток:

Требуются:

Есть идеи?

Answer 1

FancyBox как встроенный метод для установки ширины и высоты для «окна», сгенерированного для содержания ... проверьте веб-сайт для дальнейших инструкций, но вот хит:

// initialize popup iframe (fancybox)
$(".popupIframe").fancybox({
    'autoDimensions': false,
    'padding'       : 0,
    'width'         : 940,
    'height'        : 400,
    'autoScale'     : false,
    'transitionIn'  : 'none',
    'transitionOut' : 'none',
    'type'          : 'iframe'
});

Вот яm установить всплывающее окно с фиксированным 940px на 400px (это также может быть значение%) ... и если содержимое больше, чем держатель fancybox, он будет генерировать полосы прокрутки на этом же держателе, а не на самом документе !!!

PS: Если я правильно прочитал ваш вопрос!

Answer 2

Решил эту проблему путем редактирования MyTagStyle:

.MyTagStyle
{
    max-height:600px;
    max-width:940px;
    overflow:auto;
}