2013-03-28 8 views
1

Я искал всюду для этой проблемы. Когда пользователь нажимает на ссылку, он загружает fancybox с iframe. По какой-то причине iframe, однако, крошечный размер. Я попытался настроить параметры ширины, высоты, minWidth и minHeight, но это не имеет никакого значения.Размер Fancybox iframe

Вот соответствующий код в заголовке (я все сценарии FancyBox связаны):

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

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

И HTML:

<a class="fancybox fancybox.iframe" href="iframe.html">link here </a> 

Любые идеи?

+1

Вы пробовали [этот подход] (http://stackoverflow.com/a/7389441/403664)? –

ответ

0

установка попытка autoScale=false

юлианский

3

Если у вас есть этот HTML

<a class="fancybox fancybox.iframe" href="iframe.html">link here </a> 

, то селектор вы являются обязательными для FancyBox İŞ .fancybox.

fancybox.iframe с другой стороны, это особый класс введен в версии 2.х, что указывает на то, что type из FancyBox контента необходимо открыть, и вам не нужно делать ничего особенного от него, так:

<script type="text/javascript"> 
    $(document).ready(function() { 
    $(".fancybox").fancybox({ 
     'width': 600, 
     'height': 250, 
     'transitionIn': 'elastic', // this option is for v1.3.4 
     'transitionOut': 'elastic', // this option is for v1.3.4 
     // if using v2.x AND set class fancybox.iframe, you may not need this 
     'type': 'iframe', 
     // if you want your iframe always will be 600x250 regardless the viewport size 
     'fitToView' : false // use autoScale for v1.3.4 
    }); 
}); 
</script> 

, который должен сделать трюк.

Имейте в виду что если вы используете fancybox v2.x, параметры API являются новыми и несовместимы с предыдущими версиями. Проверьте http://fancyapps.com/fancybox/#docs на полный список опций, методов и обратных вызовов для этой версии.

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