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

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!

28 Responses to “pspot: 给你网站上的图片加上评论功能”

  1. tsing Says:

    要能圈就更好了

  2. su27 Says:

    等下个版本嘛。

  3. milkliker Says:

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

  4. su27 Says:

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

  5. jtuki Says:

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

  6. jtuki Says:

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

  7. zz Says:

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

  8. su27 Says:

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

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

  9. wealael Says:

    厉害的一腿!

  10. shore Says:

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

  11. su27 Says:

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

  12. zhoutiger Says:

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

  13. su27 Says:

    在图上双击就行了萨

  14. 用户体验设计师 Says:

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

  15. su27 Says:

    够了,小明!

  16. 真相只有一个! Says:

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

  17. dreamcog Says:

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

    我也期待圈图的版本

  18. fer Says:

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

  19. su27 Says:

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

  20. Nooidea.com | 装傻充愣» Blog Archive » pspot:让图片说话 Says:

    [...] click to link [...]

  21. nooidea Says:

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

  22. su27 Says:

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

  23. nooidea Says:

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

  24. xyb Says:

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

  25. 生活好滋味 - 蚂蚁in桃花源 - Says:

    [...] (用上s27开发的照片评论插件,如果在rss阅读器里的需要点过来才可以留言,留言方式,双击图片某个位置,然后可以留言。SU27很强大!!!插件地址:http://su27.org/2009/02/23/pspot/) [...]

  26. Alone » Blog Archive » 两件事 Says:

    [...] 1. pspot(这是什么?!)增加了最新留言的feed,订阅之,即可随时掌握来访网友在你家图片上实时吐槽动态!如果想更加拉风,可以直接将其显示在博客侧栏*。 [...]

  27. shore Says:

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

  28. su27 Says:

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

Leave a Reply