話題の人物YouTubeまとめ&雑記雑感雑多ログ

画像ファイルが見つからない場合に代替画像を表示

イメージタグに設定した画像ファイルが見つからない(存在しない)場合、【×】マークが表示されたりしてカッコ悪い。

そんな時、代わりの画像を表示させるコード。

<img src="本来の画像ファイル" onError="this.oneerror=null;this.src='代替画像ファイル';">

代替画像ファイルにファイルのパスを指定しておけば、万一本来の画像ファイルが見つからない場合に代替画像が表示されるスグレもの。

代替画像ファイルも見つからない場合は当然ですが【×】マークになります。

関連記事

画像遅延スクリプト「echo.js」でページ表示の体感速度を上げる。 2018.05.11 HTMLの静的ファイルにパラメータ(引数)を受け渡す最短スクリプトコード 2018.05.01 jqueryで親要素の幅を取得(padding含めずに) 2018.05.01 テキストエリアのカーソル位置にボタンクリックで指定文字を挿入 2018.05.01 複数のアイテムをランダム表示(重複なし)する方法 2018.05.01

雑記雑感雑多ログ

タイ・シルバーの新芽2本目を確認 2018.05.12 画像遅延スクリプト「echo.js」でページ表示の体感速度を上げる。 2018.05.11 格闘技イベント「RIZIN」での衝撃KOシーン!堀口恭司vsイアン・マッコール 2018.05.09 広告収入で賄う無料タクシー「nommoc/ノモック」とは!? 2018.05.08 これって…そのためのTシャツ!?ポケットティッシュをスマートに出せるアイデアTシャツ 2018.05.07 ゴールデンウィーク明けの仮想通貨動向 2018.05.07 プロレスの登場シーンをかっこ良く決めるつもりが、張り切り過ぎてしまった結果・・・ズッコケ名シーン。 2018.05.05 新サイト「CCindex/仮想通貨・暗号通貨まとめ」リリース! 2018.05.04 指定ディレクトリ(フォルダ)内の画像ファイルを抽出してランダム(重複なし)に表示させる最短コード 2018.05.01 最低覚えておきたいチャートの見方 2018.05.01