2010-12-09 2 views
3

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

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

<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> 

поэтому мой вопрос заключается в том, чтобы изменить размер в пределах окна браузера, или не более определенного значения, f.ex я хочу AUTORESIZE, но не более, чем ширина: 800px; и высота: 900 пикселей;

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

ток: alt text

Wanted: alt text

Любые идеи?

ответ

0

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

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

Не будет ли этот sitll вызывать полосу прокрутки, если размер внутреннего окна меньше 600 пикселей высотой, например, на нетбуке или планшете ? – Dwayne 2012-01-05 00:09:50

8

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

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

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

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

+0

Да все было бы хорошо, если бы я должен был бы большим содержанием все время, но мне нужно автомасштаба функциональность, а также, чтобы получить результат, как это: HTTP://yfrog.com/7243150716p Вот почему мне нужен способ установить maxHeigth и maxWidth как-то .... – 2010-12-09 21:14:53

Смежные вопросы