2019.6.10タイトルの通りなのですが、記事のアーカイブなどでサムネイル画像がない場合に代替画像を表示させるケースもあるかと思います。そんな時にjavascriptを使ってフロント側で代替画像に差し替えたい時に使えるテクニックです。単純なコードになりますがサンプルを見ていきます。ちなみにですが、あらかじめ代替画像を用意しておきましょう。対象の画像が1つだけの場合はこんな感じになります。'../no-image.jpg');});シンプルですが、まずは画像要素を取得して、エラーイベントのコールバック関数内で、対象の画像ソースURLを代替画像のものに差し替えています。対象の画像が複数ある場合にはこのような形にします。});});ほとんど同じですが、対象の要素が複数の場合は、すべての要素を取得する必要があります。forEachで各要素ごとにチェックしていきます。いかがでしょうか、メディアサイトやブログサイトの構築で使える場面がありそうですね。WordPressでは独自の関数が用意されていますが、JavaScriptで代替する必要がある場合にはこのような対応ができます。topこのウェブサイトはCookieを使用します当ウェブサイトではCookieを使用してアクセス解析や広告を行なっており、ウェブサイトの運用やコンテンツ制作に役立てています。サイトの利用を続けることで、Cookie使用に同意したことになります。