返回信息流UPDATE:更新了两个功能,细节移步到下面UPDATE查看
如果来贴图只是奔着图来的,并不太在意回帖内容,是不是每次都要点开贴在看完再关闭帖子,会感觉繁琐,基于这种想法,花了点时间自学了下JS,写了个小插件,可以在进贴图后,点击该插件,然后这一页的所有图就出来了。
效果图:
花的时间不多,所以很糙,很多功能都没实现,只是把图片一股脑的扔到了屏幕上,目前的缺点不足如下:
1.布局不美观
2.只有标题和帖子首页的图,没显示帖子内容和回帖内容也没有发帖人信息
3.图文没有加链接如果想看原图或原帖看不了 update:帖子主题加了链接
4.不能直接回帖
我的想法:右侧留白的空间显示帖子文字和回帖内容,并且有回帖按钮。类似的布局如下图
同学们如果有时间和兴趣可以试着实现下。PS:楼主很菜,望大牛轻拍。不喜者请略过。
UPDATE:帖子的主题加了链接,方便在想回帖的时候直接点帖子主题去回帖或者看评论,并且屏蔽了贴图首页几个置顶的帖子。
安装方法 chorme
点击添加书签,然后名字随便填只要你能分清是什么即可,保存,然后右键点刚新建的书签,点修改,网址复制以下代码内容:
javascript:(
function() {
var urlOfArticle = new Array();
/*get the URL of every article*/
var ret = document.getElementsByTagName('a');
var begin = 0;
if("http://bbs.byr.cn/#!board/Picture" == document.location.href)
{ var i;
for(i=0; i<ret.length; i ++)
{
if("http://bbs.byr.cn/article/Picture/840304" == ret[i]) break;
}
begin = i;
}
for(var i=begin; i<ret.length; i += 2)
{
var patt = new RegExp("/article/Picture/[0-9]{1,}[0-9]$");
if(patt.exec(ret[i].href))
{
urlOfArticle.push(ret[i].href);
}
}
$('.b-content').html('');
$('.b-content').prepend('<div class="mywaterfall" id="container" style="position: relative;"></div>');
/*get the URL of every Picture*/
for(var i=0; i<urlOfArticle.length; i ++)
{
$.get(urlOfArticle[i], function(data){
$( '.mywaterfall' ).append('<div class="ks-waterfall" >');
var ret = data.match(/\/att\/Picture\/[0-9]*\/[0-9]*\/[0-9]*/g);
if(ret.length)
{
var titleURL = data.match(/\article\/Picture\/[0-9]{1,}/g)[0];
var pos = data.indexOf("class=\"n-left\"");
var title = "";
for(var k=pos+15; data[k]!='<' || data[k+1]!='/'; k ++)
{
title += data[k];
}
$( '.mywaterfall' ).append('<DIV style="BORDER-TOP: #00686b 1px dashed; OVERFLOW: hidden; HEIGHT: 2px"></DIV><div style="font-size: 20px;padding: 12 12px 12px 12px;border:1px #F4F4EC solid;"><a target="_blank" href="' + titleURL + '" style="font-size: 20px;padding: 12 12px 12px 12px;border:1px #F4F4EC solid;">'+title+'</a></div>');
}
for(var j=0; j<ret.length; j += 2)
{
$( '.mywaterfall' ).append('<div><img src="' + ret[j] + '" width="650px"></img></div>');
}
$( '.mywaterfall' ).append('</div>');
});
}
}
)();
点保存。
这是一条镜像帖。来源:北邮人论坛 / picture / #2662308同步于 2012/6/23
Picture机器人发帖
看图插件
h0
2012/6/23镜像同步0 回复
订阅后,新回复会通过你的通知中心匿名送达。
0 条回复
暂无回复 · 你可以订阅本帖等待新回复。