Анимация Adobe Edge в fancybox iframe

Я пытаюсь интегрировать анимацию Adobe Edge в iframe Fancybox. Пока это работает... НО при уменьшении области просмотра внизу появляется белая рамка.

(https://dl.dropboxusercontent.com/u/13655174/Screenshot%20-%2026.11.2013%20%2C%2021_06_52.png)

Я знаю, что эта проблема является результатом вызова всей HTML-страницы Edge, я просто не знаю, как решить эту проблему.

Я использовал этот скрипт в Adobe Edge:

http://sarahjustine.com/2013/04/08/create-scale-to-fit-projects-with-adobe-edge-animate/

Это мой код:

jQuery:

        $(".fancybox_iframe").fancybox({
             type: 'iframe',
             'width' : '960px',
             'height' : '731px',
             scrolling: 'no',
             fitToView: true,
             iframe: {
             scrolling: 'no',
             preload: false,                
             },
             padding : 0,
             margin : 40,
             nextEffect : 'none',
             prevEffect : 'none',
             openEffect : 'fade',
             autoCenter : true
             });

HTML:

    <div class="col-lg-4 col-sm-6 col-xs-12">
                <a class="fancybox_iframe"  alt="" rel="gallery" href="sevenm.html">
                <div id="sevenm"><img src="img/works/thumbs/thumb_sevenm.jpg" class="thumbnail img-responsive">
                </div> </a>
    </div>

Спасибо!


person user3038056    schedule 26.11.2013    source источник
comment
Я думаю, вам нужно установить fitToView на false. Кстати, для width и height вам просто нужно установить целочисленное значение (без кавычек и без px), например width: 960   -  person JFK    schedule 27.11.2013
comment
Спасибо за ответ! Граница больше не появляется... Но теперь fancybox не отвечает. Она обрезана справа и снизу.   -  person user3038056    schedule 27.11.2013
comment
затем не устанавливайте фиксированные размеры, но % проверьте это, если это поможет   -  person JFK    schedule 27.11.2013