0

たくさんの画像といくつかのギャラリーを含む 1 ページャーがあります。これらは、画像をクリックすると、カラーボックス オーバーレイ (Drupal、カラーボックス プラグインを使用) に表示されるようにトリガーされます。これまでのところ、うまく機能しています。

ここで、画像とギャラリーに (冗長性のために) 追加のアイコンを追加して、これらの画像をカラーボックスでも開きたいと考えています。

私のテストギャラリーでは、これが機能しました：

<script>
(function($){
    $('.field-name-field-slideshow-trigger').append('<div id="bgShowOverlay"></div>').css("cursor","pointer");
            $('#bgShowOverlay').click(function() {
                $("a[rel='gallery-all']").colorbox({open:true});
             });
})(jQuery);
</script>

単一の画像（ギャラリーなし）の場合、動的に作成された画像リンクに対してこれを何らかの方法で指定する必要があります。この部分の作り方がわからない

$('#bgImageOverlay').click(function() {
                $("a[rel=?????]").colorbox({open:true});
             });

次のようなrel属性を持つ私の画像で動作させるには：

rel="gallery-field_collection_item-60"

私の質問が十分に明確であることを願っています。下手な英語を許してください。どんな助けでも大歓迎です！

編集：

そうだと分かった

"a[rel='gallery-all']"

概要資料に複数のギャラリーがある場合、(私が期待していたように) 機能しません。ギャラリーにあるすべての画像は、カラーボックスで開いたものに表示されます。

リンクに何らかの差別化を与える方法を探しています。

動的に作成されたギャラリーを考慮してスクリプトを作成するにはどうすればよいですか?

4

1 に答える 1

2

これはおそらく？

$("a[rel^=gallery]").colorbox({open:true});

決定的な答えを出すために、どのように物事をレイアウトするかについて、私は本当に十分に明確な考えを持っていません。

于 2013-01-26T06:40:26.380 に答える