显示评论用户的头像

之前写过一篇改推荐框的, 这篇也是对博客园模板的修改.

  转载请注明出处 http://www.cnblogs.com/zaiyuzhong/p/show-comment-avatar.html 

我在用的这款模板评论区没有用户的头像, 不喜欢.

开始以为模板没有加载用户的头像, 看了看网络流发现有图片, 找了半天没找到什么时候加载的, 后来发现方向错了, 囧.

在评论下方的一个span里找到了图片的url, 然后就在评论前面的方框里加上图片, 调了下边距, 改了下楼层文字的颜色.

对了, 之前觉得背景图片加载时间过长体验很差, 就把图片去了, 方式很粗糙, 后来看网络流也没有加载, 于是就没有考虑其他的什么修改方式.

说到这里有个疑问, 如果模板只是读取用户信息后把用户头像的url放到隐藏的span中, 那么浏览器并不会去请求这张图片, 换句话说也就是网络流里不会读取图片的请求, 我只找到了一个class='author_avatar'的img, 疑惑中... 没羞没臊求评论让我看看别人的头像[捂脸]

 

=========五年后的更新=========

感谢 MuQuanyu的博客 的回复,今天发现侧边栏js功能无法使用了,把js脚本改在了页脚HTML代码里:

 

<script type="text/javascript">
var test = setInterval(function () {
$('.feedbackItem').each(function () {
var t = $(this);
if(t.find('img').length != 0) {
clearInterval(test);
return;
}
t.find('.layer').prepend($('<img src="' + t.find('.feedbackCon').find('span').text() + '" style="margin:1px">'));
});
},1000)
</script>

加了定时器来实现。另外五年了博客园的编辑器还是老样子,emmmm

posted @ 2015-11-20 17:52  在风里  阅读(601)  评论(9编辑  收藏  举报