BBYR Achieve
返回信息流
这是一条镜像帖。来源:北邮人论坛 / picture / #2662308同步于 2012/6/23
Picture机器人发帖

看图插件

h0
2012/6/23镜像同步0 回复
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>'); }); } } )(); 点保存。
订阅后,新回复会通过你的通知中心匿名送达。
0 条回复
暂无回复 · 你可以订阅本帖等待新回复。