虎踞龙蟠BBS历史进站展示(http://bbs.seu.edu.cn/index_history/),这是我最近写的一个页面。(由于某些原因,目前这个地址仅教育网可以访问)

　　页面采用的静态页,采用XML文件保存各个进站的信息.

      里面用到的JavaScript类库有

  • prototype.js      (http://prototype.conio.net/)
  • scriptaculous.js (http://script.aculo.us)
  • behaviour.js      (http://bennolan.com/behaviour/)
  • slideshow.js      (http://www.uptonic.com http://www.couloir.org)

      实际上它们都是以prototype.js基础,slideshow.js利用上面的几个类库实现幻灯片效果。

      slideshow.js原来实现的功能比较少。图片信息写在js中,不灵活。图片的信息只有标题,时间。图片集不能动态改变。只能采用鼠标点击方式导航。

　　我的工作:

  • 采用XML文件配置图片信息。(http://bbs.seu.edu.cn/index_history/all.xml)
  • 图片信息包括作者,时间,标题,备注,高,宽 (由于统一的命名风格,我得以采用php脚本生成XML文件)
  • 加入按作者浏览的功能,点击作者名后将此作者的进站作为当前图片集. (using behavior.js)
  • 加入键盘导航,左:前一幅,右:后一幅

      可以改进的地方,

  • 提供一种方式链接到某一图片,类似(http://bbs.seu.edu.cn/index.html#author=cookie&id=2)
  • 对于多个作者的进站的
  • 缩略图 (考虑用XSLT直接作用于all.xml)