Web Material Memo Pad

Article

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

FC2テンプレートアイキャッチ画像が無かった場合にNoimage画像を表示する

FC2ブログのトップページ等の一覧に表示するとき
記事内に画像がなかった場合に
自動で用意した(No image)画像を挿入する方法です。
jQueryが必要になるので
導入してない場合は
Googleさんが手早く利用できるようにしてくれてる
ライブラリファイルを読み込みましょう
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>


FC2テンプレートの画像を出している変数
<%topentry_image_72>
<%topentry_image_w300>
<%topentry_image>
をtopimageと言うクラスを付けたタグで囲います。

<body>

<a href="<%topentry_link>"><span class="topimage"><%topentry_image></span></a>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$(".topimage:empty").html("<img src='http://blog-imgs-69.fc2.com/w/e/b/webnetachou/noimage.png' alt='No Image'>");
});
</script>
</body>

http://blog-imgs-69.fc2.com/w/e/b/webnetachou/noimage.png部分を
用意した画像に変更してください。
スポンサーサイト

Comment

Commentform

user information
(編集・削除用):
管理者にだけに表示
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。