ファンシーボックスiframeディメンション
-
20-09-2019 - |
質問
ファンシーボックスのホームページ(http://fancybox.net/home)画面の75%としてiframeディメンションを開く例があります。
サイトで説明されているように、.JSファイルの幅と高さのプロパティを変更することでそれを取得できません。
解決
これを試してみる必要があります:
$('iframeLink').fancybox({
'width':300,
'height':200,
'type':'iframe',
'autoScale':'false'
});
他のヒント
こんにちは私はこれらすべてを読んだばかりで、私はそれを機能させるために他の誰もが書いたものの断片を取らなければなりませんでした。ウィンドウ600 x 410が欲しかった
最初にJavaスクリプトを変更します 私はファイルを扱いました: jQuery.FancyBox-1.3.4.js (これは後のバージョンで変更される場合があります)デフォルトの下で高さと幅を設定します
幅:600、高さ:410、
*次に、Webページのスクリプトを変更します
$( "#chariale3")。ファンシーボックス({
「幅」:600、
「高さ」:410、
'autoscale':false、
「タイプ」:「iframe」
サイズは単一の引用符ではないことに注意してください! この間違いを見る1時間前に無駄になりました。
これは役立つはずです。誰かがこのiframeをページの読み込みにポップアップさせる方法を教えてくれるなら。
ファンシーボックスの高さを設定する必要があると思います
$(window).height() * 0.75
しかし、私は個人的にのようなピクセルでそれをすることを好むでしょう
$(window).height() - 80
同じ問題があり、ファンシーボックスJSファイルの下部にあるデフォルトの寸法を調整することになりました - 「FrameWidth:800、FrameHeight:600」
彼らはまた、あなたがこれを行うことができることに言及しています ファンシーボックスサイト:
key/valueオブジェクトとしてfancybox()関数としてオプションを渡すか、fancybox JSファイルの下部でそれらを変更できます
しかし、私のファンシーボックスはajaxで動作するので、派手なサイズを変えることはできません!
$('iframeLink').fancybox({
'width':300,
'height':200,
'type':'ajax',
'autoScale':'false'
});
私はバージョン2.14を持っています、そしてこれが私にとってうまくいくものです。
$(document).ready(function() {
$(".iframe").fancybox({
type: 'iframe',
'padding' : 0,
'autoSize': false,
'width': 650,
'height': 520
});
});
タイプの値を「iframe」から「ajax」に変更するだけで、問題を解決します。
$('Selector').fancybox.open({
href : 'iframe.html',
type : 'ajax', //from type : 'iframe',
padding : 0
});
これで、iframe.htmlファイルの本体に記載されているクラスの高さと幅を使用します。だから自動操作。