Q&A
提示されているURLが別のものですが、どちらについての質問でしょうか。
今回もお世話になります。
前回はありがとうございました。
おかげさまで、無事解決できました。
今回の質問なのですが、Gamma galleryについての
質問です。
jQueryが初めてなのですが、
より本家サイト(http://tympanus.net/codrops/2012/11/06/gamma-gallery-a-responsive-image-gallery-experiment/)でソースをダウンロードして
見ていたのですが、これは、レスポンシブに対応するためには
small,x-largeなどそれぞれの解像度に合わせるために
画像を加工しなければいけないということなのでしょうか？
それともプログラムによって自動変換されるのでしょうか？
本当に初歩的な質問で申し訳ありません。
自分で調べたのですが、限界を感じましたので
質問させていただきました。
ちなみにこれを使ってサイトにギャラリーを設置する予定です。
必要な情報があれば、お送りします。お願いします。
回答1件
0
ベストアンサー
これは、レスポンシブに対応するためには
small,x-largeなどそれぞれの解像度に合わせるために
画像を加工しなければいけないということなのでしょうか？
そうです。HTMLのpictureタグや、imgタグのsrcset属性と同じで、それぞれのサイズのときに表示するための画像を事前に用意します。
images/xxxlarge/1.jpg 1300px以上用
images/xxlarge/1.jpg 1000px以上用
images/xlarge/1.jpg 700px以上用
images/large/1.jpg 300px以上用
images/medium/1.jpg 200px以上用
images/small/1.jpg 140px以上用
images/xsmall/1.jpg それ以下用
ただ、多分ですが2種類とか3種類とかでも動くとは思います。（1300px以上用、700px以上用、140px以上用とか）
参考URL：
【<picture> - HTML | MDN】
https://developer.mozilla.org/ja/docs/Web/HTML/Element/picture
【HTMLのsrcsetを使って画像をレスポンシブにRetina対応させてみよう | Kia King】
http://kia-king.com/blog/tutorial/responsive-images-with-srcset/
投稿2016/06/24 16:53
総合スコア69430
いつもご回答ありがとうございます。大変わかりやすい説明で理解できました。
参考URLもありがとうございます。確認します。
またお世話になるかもしれませんが、よろしくお願いします。
あなたの回答
tips
プレビュー
