pictureタグについて質問させて頂きます。
例えば画面幅768pxで画像の出し分けを行う場合、下記のコードになるかと思います。
<picture> <source media="(min-width: 768px)" srcset="dummy768"> <img src="dummy" alt="dummy image"> </picture>
両デバイスで画像を表示させる場合はこれで良いのですが、例えば下記の画像を768px未満の場合のみに表示させたい場合、769px以上の環境でdisplayで非表示にしてしまうとバックグランドで読み込みが走ってしまうため、pictureタグで上手く出し分けができないでしょうか?
<img src="dummy" alt="dummy image">
いつもはCSSで表示非表示を切り替える方法を取っているんですが、それだとバックグラウンドで読み込みが走ってしまうため、pictureタグあるいは別の方法で無駄な読み込みを走らせずにうまく出し分けが出来る方法はないか探しています。
ご回答よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー