前几天工作任务比较轻松,抽空写了这个。flashbox是一个js+flash的小程序,它可以将页面中指向图片的链接改为在本窗口中用一个浮在前面的层进行展示,效果还是比较华丽的。
这个程序是对lightbox的flash 式实现,相对而言有一些优势:flash的效果有更好的选择;可以处理单文件进度,执行速度比js更快;预加载更强大,可以在后台依次加载所有图片;体积小得多(只需要几k的 flash和js,而lightbox需要的文件仅prototype库就有90k,一共需要3个js和1个css)。当然flash也有它自身的缺点:只有装了flashplayer8才能播放,以及不支持动画gif。不过幸好,flashplayer8的安装率几乎是100%,而大到需要单独展示的动画gif,也是很少存在的。
用过lightbox的朋友可能说这个界面跟它太像了,实际上我非常喜欢lightbox的设计,仿POLA的界面也是我的最爱,没有理由为了刻意避免抄袭而放弃自己喜欢的界面,反正都是做着玩。
点击图片上面的prev next可以翻页,图片超过窗口大小的时候可以拖动,右键菜单可以保存图片和复制地址。
刚开始做,肯定有很多不足之处,热烈欢迎各位砸砖,谢谢~
demo:
http://su27.org/work/flashbox/2.html
主页:
http://su27.org/2007/08/03/flashbox/
用法:
1.下载解压这两个文件:flashbox.js, flashbox.swf,在js的第一行写上swf的地址(最好写绝对地址,如果写相对,要写相对于页面而不是js的地址)。
2.在页面添加
复制内容到剪贴板
代码:
<script src="flashbox.js" type="text/javascript"></script>3.在任何一个连接到图片的a标签中加上rel=”flashbox”,例如
复制内容到剪贴板
代码:
<a href="thebigpicture.jpg" title="显示的图片" rel="flashbox">点此观看大图</a>支持的图片类型有jpg,gif,png。
下载:
http://su27.org/work/flashbox/flashbox.zip
更新log:
ver 0.1, 2007.8.3
[
本帖最后由 su27 于 2007-8-3 12:55 编辑 ]