【imageswitch】jQueryでウィンドウサイズによって画像を切り替える ｜ Tips Note by TAM
レスポンシブWebデザインではおもにウィンドウサイズによってレイアウトを変更していきますが、画像はHTMLとCSSだけでは最適化するのが難しいです。 backgroundプロパティであればメディアクエリで切り替えられますが、imgタグで指定したい場合には使えません。また、srcset属性を使えばウィンドウサイズや解像度によって画像を切り替えることができますが、IEはまったく対応していないので専用のプラグインを読み込む必要があります。 そこで使用しているのが、jQueryで画像ファイル名の一部を置換して表示する画像を切り替える方法です。 ウィンドウサイズを検知して画像ファイル名を置換する HTML側は.js-image-switchのついているimg要素のファイル名を以下のように変更して表示を切り替えていきます（ここでは仮に768pxとします）。.js-image-switchにはCSSでス
Excelで○○以降の文字列を削除するには－ワイルドカード置換:Excel(エクセル)の使い方/入力・編集
関数を使う方法、マクロを組む方法、いろいろな方法が考えられますが、検索語句に「関数」「マクロ」といった文字列が含まれていないので、まずは置換機能によって、指定した文字以降の文字列を削除する方法をご紹介しておきます。 ▼操作概要：空白以降の文字列を削除する ※スペース以降の文字列を削除する例 削除したい文字列が含まれているセル範囲を選択 ↓ ［Ctrl］キー＋［H］キーを押す ↓ ［検索と置換］ダイアログ −［置換］タブ −［検索する文字列］欄に 「 *」（スペース アスタリスク） −［検索後の文字列］欄に何も入力せず ［置換］または［すべて置換］ボタンをクリック 任意の文字数の文字列を意味するワイルドカード「*」（アスタリスク）を使えば、置換機能を使って任意の文字の以降の文字列を削除することは簡単です。 下図のように［検索する文字列］［検索後の文字列］欄に入力してください。 例えば「-」（
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
