Tips : WordPressなどのサムネイルがsrc=””なときの対処法

WordPressでサムネイル表示などを行うプラグイン。画像があれば表示されるが、Youtubeの動画や、画像のない記事ではリンク先の画像なしのアイコンがでたりしてしまうのでjQuery(JavaScript)を使って簡単にsrc=””をsrc=”画像アドレス”へ変更するためのTips

変更するにはjQueryの「.each」を使う。.eachはセレクターで指定したものがあると実行される関数でこの場合はimgタグと.eachを使い、その中でsrcの表記がsrc=””のものに特定の画像アドレスを挿入するためのスクリプトを書く。

jQuery(document).ready(function($) {
$("img").each(function(){
	var imgsrc = $(this).attr("src");
	if(imgsrc==""){
		$(this).attr({src:"/images/nonimg.png"})
	}
});
});

.attr(“src”)でimgの中のsrcの要素を指定。
.attr({src:”/images/nonimg.png”})で表示したい画像のアドレスを指定。

実際にこのブログでも使用中です。

 

1件の返信

コメントを残す

メールアドレスが公開されることはありません。