web-dev-qa-db-ja.com

レスポンシブ画像ギャラリー

レスポンシブな画像ギャラリーブロックを作成します。私はこのために Views Slideshow Liquid Carousel モジュールを使用しましたが、正しく機能していません。画面が小さすぎると壊れます。 http://tympanus.net/Development/Elastislide/ のようなレスポンシブスキンを備えた画像のカルーセルのような表示が必要です。このプラグインも試しましたが、このプラグインが正しく機能していないため、理由を見つけることができません。これには他の方法やプラグインがあります。

2
Somya Gupta

これらのモジュールを使用しようとすると、役立つ場合があります(含まれている引用はプロジェクトページから引用しています)。

... フィラメントグループによって作成されたレスポンシブ画像ライブラリ を統合します。

このライブラリの目的は、ページをロードするブラウザの解像度に基づいて、さまざまなサイズで画像をロードすることです。これにより、モバイル向けに最適化された画像が可能になります。

...は、小さい(モバイル用に最適化された)画像スタイルと大きい(通常の画面の)画像スタイルの両方を選択できる「レスポンシブ画像」画像フィールドフォーマッタを提供します。画像スタイル設定オプションは、Drupalコアによって提供されます。

...画像とレスポンシブテーマの問題を解決します。これにより、複数の画像スタイルサフィックスとそれに対応する最大幅を定義できます。

3
monymirza

レスポンシブ画像用のDrupal 8モジュールは画像モジュールにあります。aDrupal 7バージョンは今日存在します: 写真

他の利用可能な代替手段の代わりに画像モジュールを使用すると、ページを7から8にアップグレードするのに役立つでしょう。

1
Andre Baumeier