エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
jQueryを使ってレスポンシブにロゴなどの画像を出し分ける方法 | memocarilog
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
jQueryを使ってレスポンシブにロゴなどの画像を出し分ける方法 | memocarilog
jQueryを使ったウィンドウサイズに応じてロゴなどの画像を出し分ける方法です。部分的にお手軽レスポン... jQueryを使ったウィンドウサイズに応じてロゴなどの画像を出し分ける方法です。部分的にお手軽レスポンシブデザインができます。 「サンプル」も作りました。 HTMLのコード レスポンシブに出し分けたい画像の親要素にid又はclassを振ります。htmlにはモバイル用の画像を置きます。(※モバイルでのアクセス時、最初にPC用画像を読み込むとモバイル画像へ切り替えるのに時間がかかるため、最初HTMLではモバイル画像を読み込むようにコードを変更しました。) <div id="example"> <img src="mobile.png" alt="mobile"> </div> jQueryのコード head 内にjQueryの読み込みとコードを以下のように記入します。 var swichWidth に切り替えたいウィンドウのサイズを記入します。 var defaultImg はPCサイズ用の画

