mootools版的lightbox

lightbox是个经典的东西,造就了一种新的图片浏览方式。mootools是一个新发布的framework,现在要说的是这两个的结合品。

本来lightbox是使用Prototype + Scriptaculous的方式,不可否认Prototype是一个很好的framework,(mootools也有很多借鉴它的地方),不过这些天用下来,总觉得mootools有一种很轻逸的感觉(- -!)

转到正题,我们要做的就是mootools + ?? 做出Prototype + Scriptaculous + lightbox的效果。原作者:Christophe Beyls(可能需要代理才能访问,方正我是访问不了)

需要的东西

mootools.77 可以到mootools download页面下载,需要至少

  • Native scripts: 全部选择
  • Addons: 选一个Fx.js
  • Plugins: 选一个Window.js

然后就是那个??moobox.js使用的方式跟lightbox2一样,预览的效果在这里

Valerio 发布了 Mootools

Valerio 今晚发布了 Mootools,又是一个javascript framework,集成了 Valerio 以前做的 效果类 ( moo.fx ) Ajax类 ( moo.ajax ), Dom选择类 ( moo.dom ), 另外加了拖拽(Drag and Drop), Sortable lists(中文不知道该怎么解释,效果是在一个“狭小”的空间里有一个列表可以拖拽排序 ^^!), Cookies管理以及其他一些功能。做成了一个a choice of more than fifteen scripts, plugins and addons(额...虽然能理解,但是不会用中文解释,小学没好好念书...)

Valerio 自己的一句话来说

mootools infact, makes it possible for you to extend HTML elements with your own methods, to make your life easier, and your coding style alot cooler.
— Valerio

下载 | 文档 | 演示(later)