一个JavaScript类库,用于动态显示相册,支持多种转场效果
下载AlbumPlayer
<head> <!--相册播放器要求使用Prototype和Script.aculo.us两个类库--> <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="scriptaculous.js?load=builder,effects"></script> <!--导入相册播放器的JS文件--> <script type="text/javascript" src="album_player.js"></script> </head> <body> <!--这个div是相册的容器--> <div id="album"></div> <script type="text/javascript">//<[CDATA[ //创建对象,四个参数依次为:相册容器id,宽度,高度,背景色 var my_player=new AlbumPlayer('album',500,375,'#FFFFFF'); //添加照片,五个参数依次为:照片URI,宽度,高度,显示时间(毫秒),转场效果 //大照片会缩小,小照片不会放大 my_player.add('photo1.jpg',640,480,3000,'fade'); my_player.add('photo2.jpg',640,480,1100,'dropout'); my_player.add('photo3.jpg',500,375,1600,'shrink'); my_player.add('photo4.jpg',480,640,500,'appear'); my_player.add('photo5.jpg',1024,768,2100,'blindup'); my_player.add('photo6.jpg',400,300,4000,'slidedown'); //启动相册播放,不要漏掉这行 my_player.start(); //]]></script> </body>
当前版本号:
支持的转场效果: