최근 댓글 사이드바에 댓글 작성자 프로필 이미지 불러오기

댓글 작성자의 아이콘을 불러오는 스크립트입니다.

티스토리에서는 대표이미지를 불러오는 치환자조차 제공하지 않고있기때문에 블로거의 아이콘 불러오는 치환자 역시 있을리가 없습니다.

이 스크립트는 해당글 주소에서 댓글 작성자의 프로필 이미지를 추출해 최근 댓글 사이드바에 뿌려줍니다.

ajax요청을 최소화하기위해 첫번째 링크부터 모든 댓글작성자의 아이콘을 추출하며 두번째부터는 목록에 댓글작성자가 없는경우에만 다음 ajax요청을 수행합니다.

MaterialT mark3에서 바로 사용할 수 있습니다.

.

적용하기

여타 스크립트와 마찬가지로 </body>위에 붙여넣으면 됩니다.

<script>

/*

getCommentorIcon by 뭐하라(http://nubiz.tistory.com/615)

*/

var recentComments=$("#recentComments li a");var commentors={};function getCommentorIcon(){var f,b,d,c,a;f=$(recentComments).parent().children("a:not('.iconGot')").first();if(f.length===0){return false}b=$(f).attr("href");d=$(f).find(".name").text().trim();if(commentors[d]){a=commentors[d];$(f).find("[alt='thumbnail']").attr("src",a);$(f).addClass("iconGot")}if(!a){$.ajax({url:b,success:function(e){c=$(e);$(c).find(".name a").each(function(g,h){commentors[$(h).text().trim()]=$(h).parent().find("[alt='BlogIcon']").attr("src")});a=commentors[d];$(f).find("[alt='thumbnail']").attr("src",a);$(f).addClass("iconGot");getCommentorIcon()},error:function(){$(f).addClass("iconGot");getCommentorIcon()}})}else{getCommentorIcon()}}getCommentorIcon();

</script>

이 스크립트 역시 주석을 첨가한 소스코드를 공개하니 수정하실분들은 수정해서 사용하시면됩니다.

/*

getCommentorIcon by 뭐하라(http://nubiz.tistory.com/615)

해당 글 주소에서 이름에 해당하는 아이콘 주소 얻어온다.

*/

var recentComments=$("#recentComments li a");//최근댓글 사이드바의 해당글로 이동하는 a태그

var commentors={};

function getCommentorIcon(){

var e,U,name,htmltoparse,iconSrc;

e=$(recentComments).parent().children("a:not('.iconGot')").first();//아이콘 안불러온 리스트중 첫번째

if (e.length===0){return false;}

U=$(e).attr("href");

name=$(e).find(".name").text().trim();//코멘터 이름

if (commentors[name]){//갖고있는 목록중에 존재하면 바로 적용

iconSrc=commentors[name];

$(e).find("[alt='thumbnail']").attr("src",iconSrc);

$(e).addClass("iconGot");

}

if (!iconSrc){//목록중에 없으면 ajax 수행

$.ajax({

url:U,

success:function(r){

htmltoparse=$(r);

$(htmltoparse).find(".name a").each(function(i,el){

commentors[$(el).text().trim()]=$(el).parent().find("[alt='BlogIcon']").attr("src");//comentors에 저장

});

iconSrc=commentors[name];

$(e).find("[alt='thumbnail']").attr("src",iconSrc);

$(e).addClass("iconGot");//아이콘 적용하면  iconGot 클래스 적용

getCommentorIcon();//다시 처음으로

},

error:function(){

$(e).addClass("iconGot");

getCommentorIcon();

}

});

} else {

getCommentorIcon();

}

}

getCommentorIcon();