Как установить высоту и ширину окна при использовании iFrame в FancyBox?

Question

Я использую необычную коробку, чтобы открыть некоторые наборы width / height HTML страниц без полос прокрутки, но я не уверен, как это сделать в функции fancy box j-query.

У меня естьвсе соответствующие сценарии и Fancy box работают нормально, но если я укажу iframe, он откроется с небольшим размером по умолчанию.

Могу ли я изменить этот сценарий?

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

Iхочу открыть HTML-страницу, нажав на изображение ...

<div class="project">
<a class="iframe" href="#"><img src="images/portfolio/blank-image.jpg" alt="" width="150" height="100"></a>
</div>

Может кто-нибудь подсказать, как мне открыть окно с 800px width by 500px height без полос прокрутки (будет создан документ HTMLчтобы соответствовать этим точным размерам) и, возможно, включить некоторые переходы, такие как упругие?

Answer 1

Вы можете контролировать ширину и высоту fancyBox, добавив в свой сценарий fancyBox следующее:

width       : 800,
height      : 500

Если вы не хотите создавать полосы прокрутки, вы можете добавить кСкрипт fancyBox:

scrolling   : 'no'

Надеюсь, это поможет!

Answer 2

Вы можете указать опции fancybox, например, так:

    <script type="text/javascript">
        $(document).ready(function () {
             $("a.iframe").fancybox({
                'width': 800,
                'height': 500,
                'transitionIn': 'elastic',
                'transitionOut': 'elastic',
                'type': 'iframe'
            });
        });
    </script>