前几天工作任务比较轻松,抽空写了这个。flashbox是一个js+flash的小程序,它可以将页面中指向图片的链接改为在本窗口中用一个浮在前面的层进行展示,效果还是比较华丽的。
看看demo就明白了,很简单。点击图片上面的prev next可以翻页,图片超过窗口大小的时候可以拖动,右键菜单可以保存图片和复制地址。
用法:
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。
下载:
flashbox和lightbox
这个程序是对lightbox的flash式实现,相对而言有一些优势:flash的效果有更好的选择;处理速度比js更快;预加载更强大,可以在后台依次加载所有图片;体积小得多(只需要几k的flash和js,而lightbox需要的文件仅prototype库就有90k,一共需要3个js和1个css)。当然flash也有它自身的缺点:只有装了flashplayer8才能播放,以及不支持动画gif。不过幸好,flashplayer8的安装率几乎是100%,而大到需要单独展示的动画gif是很少存在的。
更新log:
ver 0.1, 2007.8.3
move to http://code.google.com/p/flashbox/, 2008.7.16
修正了页面卷动后的问题,2009.2.24