pspot: 给你网站上的图片加上评论功能

这是我去年写的一个给图片加上评论功能的东西。欢迎大家使用!

pspot是一段js程序,通过嵌入到你的网页上,使访问者可以对你的网页图片上任意位置发表评论,这些评论被保存在google app engine,如果你没有更多的需求,那么简单的嵌入一个js就可以了。

如果你打算管理你网页上的留言,需要先用google帐号登录,然后嵌入包含有你的ID的js文件。这样你就可以在”我管理的留言”中管理。

另外,你在pspot登录之后发布的留言,可以在”我发布的留言”中管理。

在不同网站上,url地址相同的图片会共享同样的评论。

使用步骤如下:

1、如果你不想管理留言,那么把下面这句代码加在你网页上任何地方。否则请用你的google帐号登录并使用只有你能够管理留言的代码。

<script src=”http://pspot.appspot.com/getcmt.js” type=”text/javascript”></script>

2、给你的图片加上class=”psp”,像这样:

<img class=”psp” src=”yo.jpg” alt=”yo” />

现在点击图片右下角的发表按钮或者双击图片即可发表评论。下面这个图就是个例子。如果你是在feed里看就不要点了,要亲自来到本页面才可以。

c6e

Have fun!

update: 由于GAE已经被墙了,国内基本已无法使用此服务。fuck GFW!

This entry was posted in Labs and tagged , , . Bookmark the permalink.
  • tsing

    要能圈就更好了

  • su27

    等下个版本嘛。

  • milkliker

    我好像点了send之后就一直sending…好像连不上主机一样。。。

  • su27

    可能还是上海到GAE的网速问题。

  • jtuki

    速度响应有点慢.. 不过这功能倒是挺好玩的~ 囧 支持!~
    如果能够加上权限就好了 譬如发表若干评论后 来一个class=”psp-nomore” 就可以禁止继续添加评论 但可以显示先前的评论..

  • jtuki

    对了 我用的是blogspot 电信网络1M..

  • zz

    赞:)
    不过, 有XSS漏洞哦~~

  • su27

    修正了xss问题了,谢谢楼上提醒。

    另:因为这张图被测试得过惨,我删了一些太测试的留言,请原谅:)

  • wealael

    厉害的一腿!

  • 强大……
    但是,我很在意这个图的原图啊,高分辨率希望…

  • su27

    @shore: 我没看懂,这个不会影响原图阿。

  • zhoutiger

    我一直在reader上看的逗嘛~朗格点哪?

  • su27

    在图上双击就行了萨

  • 用户体验设计师

    因为评论区域字体太小,必须重复一百遍才能看清楚。
    因为评论区域字体太小,必须重复一百遍才能看清楚。
    因为评论区域字体太小,必须重复一百遍才能看清楚。
    因为评论区域字体太小,必须重复一百遍才能看清楚。
    因为评论区域字体太小,必须重复一百遍才能看清楚。
    因为评论区域字体太小,必须重复一百遍才能看清楚。

  • su27

    够了,小明!

  • 真相只有一个!

    这是我去年写的一个给图片加上评论功能的东西。
    ============
    不是他去年写的!是他前几天上班写的!阿北你不要被他骗了!

  • 楼上的很搞笑。哈哈~~~~~~

    我也期待圈图的版本

  • fer

    如何提示读者需要“双击图片”来添加评论?
    希望能设计一个下的提示功能。

  • su27

    我希望尽可能减少侵入式的设计,不影响用户对原始图片的浏览行为,但是又要有提示,这确实是个需要权衡的问题。

  • Pingback: Nooidea.com | 装傻充愣» Blog Archive » pspot:让图片说话()

  • 我的怎么没有成功呢? 完全按照指示做的。。

  • su27

    是跟你的一个wp插件冲突了。多谢报错,已修复。

  • 太不好意思了,换了个主题,结果又不见了。。。

  • xyb

    世界博客协会反更新提醒委员会委员到此一游。你最近更新很不勤奋,很好很好,要继续发扬坚持就是不更新的精神呀。

  • Pingback: 生活好滋味 - 蚂蚁in桃花源 -()

  • Pingback: Alone » Blog Archive » 两件事()

  • 基于这个做个wordpress插件就好了,用起来更方便。

  • 好主意啊。还有人找我做论坛插件,可惜一直懒。。

  • 哈哈哈哈用上了!
    高级!!

    可以给出你这里的链接吗?

  • 我是说在
    http://blogs.cjb.net/zing/214457/
    这篇日志里面写上你这个页面的地址

  • su27

    当然可以了,多找点人一起来用呗

  • 小建个议,鼠标移动到图片上的评论小气泡时,弹出的对话气泡能不能向上弹出啊(现在是向下),不然变成手型的鼠标指针很容易挡到评论里的第一个字。

  • 不错啊,蛮喜欢的

  • @zing, 向下是因为下面更可能有空间,向右而不向左也是这个原因。鼠标问题我倒没考虑到,有空我优化一下距离什么的,让鼠标挡不到字就好了。

  • Pingback: [原创]给图片添加评论功能的js+GAE应用 - web标准 - 开发者问答()