jQueryを使ってレスポンシブにロゴなどの画像を出し分ける方法 ｜ memocarilogjQueryを使ったウィンドウサイズに応じてロゴなどの画像を出し分ける方法です。部分的にお手軽レスポンシブデザインができます。 「サンプル」も作りました。 HTMLのコード レスポンシブに出し分けたい画像の親要素にid又はclassを振ります。htmlにはモバイル用の画像を置きます。（※モバイルでのアクセス時、最初にPC用画像を読み込むとモバイル画像へ切り替えるのに時間がかかるため、最初HTMLではモバイル画像を読み込むようにコードを変更しました。） <div id="example"> <img src="mobile.png" alt="mobile"> </div> jQueryのコード head 内にjQueryの読み込みとコードを以下のように記入します。 var swichWidth に切り替えたいウィンドウのサイズを記入します。 var defaultImg はPCサイズ用の画
