画面サイズによる、画像の切り替え。

色々使ってきたけれど、「BlackFlag」さんのやり方が使いやすい。ありがたい。

jQueryでレスポンシブ対応の際にウィンドウサイズによって読み込む画像を切り替える実験 | BlackFlag
http://black-flag.net/jquery/20120808-4047.html

1.小さい画面ように「photo01_sp.jpg」、大きい画面ように「photo01_pc.jpg」を準備しておく

2.以下のスクリプトを記述。(外部ファイルにして読み込んでもOK)

3.classに「switch」を指定。(上記のscriptで指定したclass)

スポンサードリンク

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です