1

私はこの問題をどこでも探しています。ユーザーがリンクをクリックすると、ファンシーボックスに iframe が読み込まれます。ただし、何らかの理由で iframe は小さいサイズです。幅、高さ、minWidth、および minHeight の設定を調整してみましたが、違いはありません。

ヘッダーの関連コードは次のとおりです (すべての 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>

何か案は？

4

2 に答える 2

3

このhtmlがあれば

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

次に、fancybox にバインドするセレクターは.fancybox.

fancybox.iframe一方、はバージョン 2.xで導入された特別なクラスで、fancybox で開く必要があるコンテンツを示します。具体的には何もする必要はありません。type

<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を確認してください。

于 2013-03-28T15:20:01.107 に答える
0

設定してみるautoScale=false

ジュリアン

于 2013-03-28T13:30:00.850 に答える