js+flash+xml实现3D照片墙特效

js特效是一款由flash+xml实现3D照片墙,效果非常炫,可以上下左右4个方向旋转,带分页,有声音,点击图片可以放大,可以查看详细介绍与链接,由于资源图片比较多,为了方便演示,所有的图片只用一张,大家用的时候只改XML里面的配置就可以了,非常简单。


XML配置结构如下:

1 <tiltviewergallery>
2 <photos>
3 <photoimageurl="images/img_01.jpg"linkurl="http://www.jq-school.com/">
4 <title>Image 1</title>
5 <description>漂亮的动画照片墙效果!!</description>
6 </photo>
7 </photos>
8 </tiltviewergallery>

页面JS使用代码如下:

01 <script type="text/javascript">
02 varfo =newSWFObject("TiltViewer.swf","viewer","100%","100%","9.0.28","#000000");
03 fo.addVariable("useFlickr","false");
04 fo.addVariable("xmlURL","gallery.xml");
05 fo.addVariable("maxJPGSize","640");
06 fo.addVariable("useReloadButton","false");
07 fo.addVariable("columns","5");
08 fo.addVariable("rows","5");
09 fo.addParam("allowFullScreen","true");
10 fo.write("flashcontent");
11 </script>

效果如下:

js+flash+xml实现3D照片墙特效_第1张图片


同时强烈推荐一个学习JQuery的站点http://www.jq-school.com/

你可能感兴趣的:(Flash)