web-dev-qa-db-ja.com

ノードに画像ギャラリーカルーセルを添付する

画像ギャラリーをノードに接続して、いくつかのサムネイルのみが表示されるようにカルーセルビューで画像を表示し、それらをクリックするとColorBoxオーバーレイが開きます。

フィールドにすべての画像を含むギャラリーコンテンツタイプがあり、記事では、エンティティ参照フィールドを使用してギャラリーが参照されています。

私は Gallery Formatter モジュールを見つけました。これはほとんど必要なものです。しかし、ページに大きな画像を表示するのではなく、サムネイルを表示するカルーセルのみを表示します。フルサイズの画像を取得するには、サムネイルの1つをクリックする必要があります。

したがって、画像フィールドのコンテンツをカルーセルとして表示できるフィールドフォーマッタが必要です。これを達成する方法についてのアイデアはありますか？

7entitiesmedia
2
Mad Scientist

最近同じ問題が発生しました。このモジュールを使用するのが最良の解決策だと思います Field Slideshow 。それについて読んでください。必要なのはこのモジュールをインストールすることです。次に、サムネイル用と画像用の2つの画像スタイルを作成する必要があります。 Manage Display設定のコンテンツタイプで、カルーセルを構成できます。また、このモジュールをインストールする必要があります

Libraries API,
Jquery Cycle plugin, JCarousel

このモジュールについて読むことができます ここ

1
Petro Popelyshko

Lightbox2 モジュールでこれを実現できます。 Grouped images の例をご覧ください。

1
Bisonbleu

チェックアウト jQueryイメージカルーセルをNode View に追加する。

上記の記事はDrupal 6を対象としていますが、以下のようにこれに従うことができます。

  • ギャラリーは「Article」コンテンツタイプで参照されるため、そのコンテンツタイプのテンプレートファイルを変更して、ギャラリーの画像を取得できます。
  • その後、カルーセルで表示できます。

もう1つの方法は、テーマの前処理関数を使用することです。

function YOURTHEME_preprocess_node(&$variables) {
  // Your code.
}
1
mohit_rocks