私は自分のサイトにFancybox 2.0をインストールしていますが、Facebookのイメージプレビューボックスのように少し修正しました。私はFancyboxの第2の "インスタンス"を持っていたいが、それは別の場所に置くことができる。私のイメージプレビューFancybox（現在のインスタンス）は上から20px（現時点で）であるべきですが、私の共有ダイアログFancybox（2番目のインスタンス）は450pxで300pxでなければなりませんそれを深く）、ページの中央に配置します（Fancyboxのデフォルト設定）。これは可能ですか？もしそうなら、どうですか？Fancybox 2.0のインスタンスが2つありますか？
デフォルトでは、ファンシーボックス「同時に」」（バージョン2およびそれ以前）の2つのインスタンスを持つことはできません。あなたがjQueryをうまく使っているなら、元のスクリプトを修正しようとするかもしれません（しかし、それはホイールを再発明するようなものです）。
私はjQueryのツールオーバーレイでやって見ているだけで、モーダルボックス - http://jquerytools.org/demos/overlay/multiple.html
そうすることができます... に私は
最初fancyboxのUEは
.. ..私のウェブサイト上でそれをやりましたあなたは2を実行する必要がありますが、動的に位置を設定する。..箱配置する
.fancybox-wrap {
margin: Xpx 0 0 Ypx;
}
... 物事... A：document.ready（）fuunction Bの前にJavaScriptを追加します。ハイパーリンクあなたの中のonclickを追加...
を誰かがリンクをクリックしたときにfancyboxが表示される前に、そう、それはCSSを変更します。..
<a class="fancybox fancybox.iframe" href="showmybox.html" onclick="css('.fancybox-
wrap', 'margin', '-100px 0 0 250px')">
次のようにJavaスクリプト
function css(selector, property, value) {
for (var i=0; i<document.styleSheets.length;i++) {//Loop through all styles
//Try add rule
try { document.styleSheets[i].insertRule(selector+ ' {'+property+':'+value+'}',
document.styleSheets[i].cssRules.length);
} catch(err) {try { document.styleSheets[i].addRule(selector, property+':'+value);} catch(err)
{}}//IE
}
}
ハイパーリンクの例（I Webから取得は、動的にCSSの値を変更する機能です）
（右上にこのボックスが表示されます）