0

iframe で Fancybox 2 を使用していますが、JQuery の経験がありません。iframe をスタイリングするためのさまざまなクラスがあり、JS で一般的な設定を行いたいと考えています。

特定の iframe-class を次のように呼び出すことができます。

$(".my_iframe").fancybox({

だから私は次のようなものが必要です：

$(".fancybox.iframe").fancybox({

fancybox 2 の公式デモでは、クラス「fancybox.iframe」がタイプを iframe に設定することが説明されています。これは、次の html で機能します。

<a class="fancybox.iframe my_iframe" href="iframe.html" title="test">My Iframe</a>

私が望むのは、すべての iframe にデフォルト設定を設定し、いくつかの iframe だけにいくつかの特定の設定を設定することです。そのため、変更されるすべてのクラス名に新しい設定を設定する必要はありません...

あなたの助けをthx！

編集：

これが私が欲しい例です：

私は2つのリンクを持っています:

<li><a class="fancyframe" href="iframe.html" title="Dies ist ein iframe... sehr schön!">Iframe</a></li>
<li><a class="fancyframe my_iframe" href="iframe.html" title="Dies ist ein iframe... sehr schön!">My Iframe</a></li>

そして2つのJS：

$(".fancyframe").fancybox({
    type : 'iframe',
});

$(".my_iframe").fancybox({
    width       : '75%',
    height      : '75%',
    autoScale   : false,
    // etc...
});

2 つ目 (.my_iframe) は .fancyframe (この場合はタイプ) の設定を取得する必要があります。.fancyframe は、デフォルトの iframe 設定の参照になります。

これは可能ですか？どうも！

4

1 に答える 1

0

classあなたのスタイル用とファンシーボックス用の 1 つを持つことができます。クラスをスキップして、カスタム ファンシーボックス スクリプト内にfancybox.iframe設定することができます。type

<a class="fancybox my_iframe" ...

ファンシーボックスを起動するためにクラスが使用され、スタイリングのためfancyboxに（変更する）クラスが使用されますmy_iframe

次に、このスクリプトはiframeを開きます

$(".fancybox").fancybox({
 width: 640, // or whatever
 height: 320,
 type: "iframe"
});
于 2012-05-18T19:34:34.537 に答える