ブログの自分のコメント欄に指定した画像を設置

★　ブログの自分のコメント欄に指定した画像を設置


●　内容

①　自分がコメントしたコメント欄に指定した画像を設置します。
　　他人がコメントしたコメントには画像は表示できません。
②　画像をクリックしたときの、飛び先を指定できます。
③　画像、画像の幅、高さの指定が可能です。
④　ピグ画像を設定する方法は、下記の記事で紹介しています。
http://ameblo.jp/new-blue-777/entry-11454163819.html
⑤　旧スキン（ベーシック）にも対応しました




●　やり方（リンク先のＵＲＬ、画像のＵＲＬは変更してください）


①　下記をフリープラグインへ追加する（画像にリンクを貼る場合）

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type='text/javascript' src='http://usrcss.ameblo.jp/skin/templates/6d/7d/10030757386.css'></script>
<script type='text/javascript'>
comment_prof_set(100,100,"リンク先のＵＲＬ","Y","画像のＵＲＬ");
</script>

●　説明

・　下記はフリープラグインに１つあればOKです。

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>


・　下記は既にフリープラグインに書かれていれば不要です。

<script type="text/javascript" src="http://usrcss.ameblo.jp/skin/templates/6d/7d/10030757386.css"></script>

・　comment_prof_set(100,100,"リンク先のＵＲＬ","Y","画像のURL");



100・・・画像の幅を指定します。
100・・・画像の高さを指定します。
リンク先のＵＲＬ・・・画像をクリックしたときの飛び先。
"Y"・・・"Y"⇒リンクする。　"N"⇒リンクしない
画像のＵＲＬ・・・画像のＵＲＬを指定します。




②　下記をフリープラグインへ追加する（画像にリンクを貼らない場合）

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type='text/javascript' src='http://usrcss.ameblo.jp/skin/templates/6d/7d/10030757386.css'></script>
<script language="JavaScript">
comment_prof_set(100,100,"","N","画像のＵＲＬ");
</script>

●　comment_prof_setの関数のソース内容



function comment_prof_set(prof_w,prof_h,prof_href,prof_href_YN,prof_img){// 自分のコメントに指定した画像
$(document).ready(function(){
if($("#comment_module").length!=0){// 旧スキンか
$(".each_comment").each(function(){
var comment_href=$(".comment_author a",this).attr("href");// コメント投稿者のリンクを求める
var Author_ID=comment_href.substring(17,comment_href.length-1);
if(ameba_id_get()==Author_ID){// 自分のコメントかをチェック
if(prof_href_YN=="Y"){
$(".comment_body",this).append('<div class="prof_pic"><a href="'+prof_href+'" target="_blank"><img width="'+prof_w+'" height="'+prof_h+'" src="'+prof_img+'"></a></div>');
}else{
$(".comment_body",this).append('<div class="prof_pic"><img width="'+prof_w+'" height="'+prof_h+'" src="'+prof_img+'"></div>');
}
}
});
}else{
$(".ownerComment .commentBody").each(function(){
if(prof_href_YN=="Y"){
$(this).append('<div class="prof_pic"><a href="'+prof_href+'" target="_blank"><img width="'+prof_w+'" height="'+prof_h+'" src="'+prof_img+'"></a></div>');
}else{
$(this).append('<div class="prof_pic"><img width="'+prof_w+'" height="'+prof_h+'" src="'+prof_img+'"></div>');
}
});
}
});}