1

wordpress ベースのプロジェクトを作成していますが、( fancyboxプラグインの表示を維持するために) 2 つ以上のネイティブ wordpress ギャラリーを追加する必要があるという問題が発生しました。では、ネイティブ ギャラリーを 1 つのワードプレス ページに追加するプラグイン/方法はありますか?

PS: nextgenを試してみましたが、大きなビューが 2 回 1 回のファンシーボックス 1 回の nextgenギャラリーで開きます...理論的には、 nextgenの表示をオフにするだけで十分ですが、 nextgen ギャラリーの生成は維持しますが、問題はどのように?

PS2: 私たちは半分の解決策を見つけました - http://codex.wordpress.org/Gallery_Shortcodeのようなイメージ ID を持つ 2 つの [ショートコード] を追加できますが、この方法ではこれらすべてのギャラリーにクリックスルーできます - しかし、私たちの目標は 2 回のクリックスルーです各ギャラリーのみ。

4

1 に答える 1

0

私はそれがコーディングされている解決策を見つけましたが、ほんの少しです;-):

  1. .mySuperGallery01 などの特定の CSS クラスを作成する
  2. あなたのページにギャラリーのショートコードを挿入します。
    [ギャラリーリンク="ファイル" サイズ="中" ids="332,330,331"]
    その ID のリストは、メディアを通じてアップロードされた画像の ID です...

  3. 次のように、例の div クラスでギャラリーのショートコードをラップします。

    <div class="mySuperGallery01">[ギャラリー リンク="ファイル" サイズ="中" ids="332,330,331"]</div>

  4. ショートコード化されたすべてのギャラリーに対して、wordpress は ID #gallery-X を作成します。ここで、X はページ上のギャラリーの注文番号です (#gallery-1、#gallery-2、#gallery-3、...)。

  5. 次に、設定に移動します => Fancybox for WP => Extra Calls
  6. 「Additional FancyBox Calls」オプションがチェックされている (オンになっている) ことを確認します
  7. jquery を介してギャラリーにリンクし、各リンクに groupNUMBER を追加しますが、次のギャラリーごとに別のグループをテキストエリアに追加します。 
    $('.smallerGallery01 #gallery-X a').attr('rel','groupNUMBER');
    1 つのギャラリー = このコードの 1 つの部分... すべてのギャラリーの例で、X と NUMBER を同じ値に変更するだけです。
    $('.smallerGallery01 #gallery-1 a').attr('rel','group1');
$('.smallerGallery02 #gallery-2 a').attr('rel','group2');
  8. 最後に行う必要があるのは、たとえば次のコードをテキストエリアに挿入して、クラスでファンシーボックスを実際に「再生」することです。
jQuery(".smallerGallery01 a").fancybox({
    「周期的」: false,
    「オートスケール」: 真、
    「パディング」: 10,
    「不透明度」: true,
    「スピードイン」: 500,
    「スピードアウト」: 500,
    「変更速度」: 300,
    「overlayShow」: 真、
    'overlayOpacity': "0.3",
    'overlayColor': "#666666",
    「タイトルショー」：真、
    'titlePosition': '内部',
    「enableEscapeButton」: 真、
    「showCloseButton」: 真、
    「showNavArrows」: 真、
    「hideOnOverlayClick」: true,
    'hideOnContentClick': false,
    「幅」: 560、
    「高さ」: 340、
    'transitionIn': "フェード",
    'transitionOut': "フェード",
    「centerOnScroll」: true

});

9) ダミーエントリ: もちろん、変更を保存ボタンをクリックする必要があります ;-)

注：特にjQueryの設定を段階的に進めることをお勧めします

利点:特定のクラスがあるため、新しいスタイルのギャラリーだけに特定のスタイルを作成することもできます :)

于 2013-05-31T20:33:17.213 に答える