★ コメント欄にピグ画像を設置
★ フラッシュなので、ＰＣが重たくなります。
● 内容
① コメントしたコメント欄にピグ画像を設置します。
会員以外からのコメントには、指定した画像を設置できます。
ピグ画像が設定されていないアメブロ会員の場合は、表示されません。
② ピグ画像はフラッシュです。
ピグでプロフィール画像に『ピグカメラ』で撮影して、
プロフィール画像に設定する必要があります。
一度、設定すれば、プロフィール画像の設定で違う画像に
変えても、問題なくピグ画像を表示でいます。
③ このフラッシュは、クリックするとピグに飛ぶので注意が必要です。
④ 幅、高さ、自分のコメントと他人のコメント背景色の指定が可能です。
画質を３段階で設定が可能です。
⑤ 指定した画像を設定する方法は、別記事で紹介します。
⑥ 旧スキンにも対応しています。
⑦ 設置例
● やり方
① 下記をフリープラグインへ追加する
<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_pigg_swf_set2(100,100,"#ffffff","#ffffff","http://stat.profile.ameba.jp/profile_images/common/default.gif","medium");
</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_pigg_swf_set2(100,100,"#ffffff","#ffffff","http://stat.profile.ameba.jp/profile_images/common/default.gif","medium");
100・・・ピグ画像の幅を指定します。(px)
100・・・ピグ画像の高さを指定します。(px)
"#ffffff"・・・自分のピグ画像の背景色を指定します。
"#ffffff"・・・他人のピグ画像の背景色を指定します。
"http://stat.profile.ameba.jp/profile_images/common/default.gif"
・・・会員以外の画像
例
"medium"・・・画質
"low"・・・低画質
"medium"・・・中画質
"heigh"・・・高画質
● comment_pigg_swf_set2の関数のソース内容
function comment_pigg_swf_set(pigg_w,pigg_h,bgcolor_own,bgcolor_else,no_image,pigg_quality){// ●コメントにピグ画像
$(document).ready(function(){
var bgcolor;
if($("#comment_module").length!=0){// 旧スキンか
$(".each_comment").each(function(){
if($(".comment_author a",this).length==0){// アメブロ会員以外からのコメント（ＵＲＬなし）
$(".comment_body",this).append('<div class="pigg_pic no_image"><img src="'+no_image+'" width="'+pigg_w+'" height="'+pigg_h+'"></div>');// イメージなし画像の設定
}else{
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){// 自分のコメントかをチェック
bgcolor=bgcolor_own; // 背景色を設定（自分）
}else{
bgcolor=bgcolor_else;// 背景色を設定（他人）
}
$(".comment_body",this).append('<div class="pigg_pic"><embed width="'+pigg_w+'" height="'+pigg_h+'" flashvars="amebaId='+Author_ID+'" allownetworking="all" allowscriptaccess="always" wmode="opaque" quality="'+pigg_quality+'" autostart="false" loop="false" bgcolor="'+bgcolor+'" name="aexternal" id="aexternal" style="undefined" src="http://pigg.ameba.jp/swf/pigg_for_amebaprofile_136.swf" type="application/x-shockwave-flash"></div>');// ピグフラッシュの設定
}
});
}else{
$(".blogComment").each(function(){
if($("a.commentAuthor",this).length==0){// アメブロ会員以外からのコメント（ＵＲＬなし）
$(".commentBody",this).append('<div class="pigg_pic no_image"><img src="'+no_image+'" width="'+pigg_w+'" height="'+pigg_h+'"></div>');// イメージなし画像の設定
}else{
var comment_href=$("a.commentAuthor",this).attr("href");// コメント投稿者のリンクを求める
if(comment_href.indexOf("http://ameblo.jp/",0)!=0){// アメブロ会員以外からのコメント（ＵＲＬあり）
$(".commentBody",this).append('<div class="pigg_pic no_image"><img src="'+no_image+'" width="'+pigg_w+'" height="'+pigg_h+'"></div>');// イメージなし画像の設定
}else{
var Author_ID=comment_href.substring(17,comment_href.length-1);
if(ameba_id_get()==Author_ID){// 自分のコメントかをチェック
bgcolor=bgcolor_own; // 背景色を設定（自分）
}else{
bgcolor=bgcolor_else;// 背景色を設定（他人）
}
$(".commentBody",this).append('<div class="pigg_pic"><embed width="'+pigg_w+'" height="'+pigg_h+'" flashvars="amebaId='+Author_ID+'" allownetworking="all" allowscriptaccess="always" wmode="opaque" quality="'+pigg_quality+'" autostart="false" loop="false" bgcolor="'+bgcolor+'" name="aexternal" id="aexternal" style="undefined" src="http://pigg.ameba.jp/swf/pigg_for_amebaprofile_136.swf" type="application/x-shockwave-flash"></div>');// ピグフラッシュの設定
}
}
});}});}