Я пытаюсь интегрировать анимацию 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>
Спасибо!
fitToView
наfalse
. Кстати, дляwidth
иheight
вам просто нужно установить целочисленное значение (без кавычек и безpx
), напримерwidth: 960
- person JFK   schedule 27.11.2013