Adaptive Image Styles

  • 2013-01-15 (火) 13:39 初版作成
    2013-02-25 (月) 13:28 最終更新

ウィンドウのサイズに合わせて最適なスタイルの画像が提供されるようにします。Apache の mod_rewrite を利用して適切な画像スタイルにリダイレクトすることで動作を実現しているため、.htaccess の編集が必要になります。

使用例

このモジュールによって設定される "adaptive" 画像スタイルで画像を表示する例。

"adaptive" 画像スタイルでは、ブラウザのウィンドウ サイズに応じて決定される別の定義済み画像スタイルを適用した結果が得られます。この例では、デフォルトで定義される縦横 480px、768px、992px の各画像スタイルを有効にし、それぞれについてウィンドウ幅のしきい値として 1、480、768 を指定しています。

Adaptive Image のスタイルを適用した画像

表示画像をダウンロードしてみると、ページを読み込んだときのウィンドウ幅に応じて異なるサイズの画像が取得されているのがわかります。

補足

7.x-1.4 において、モジュールの README にある .htaccess の正規表現ではさくらインターネットの Apache 1.3.x で 500 エラーが発生。動作させるには、わずかに書き換える必要がありました。
http://drupal.org/node/1888870

関連ブログ記事: 
該当する記事は現在のところありません。

更新履歴

  • 2013-02-25 (月) 13:28

DISQUS コメント