非常感谢网友Null的无私分享,此js特效是一款由flash+xml实现3D照片墙,效果非常炫,可以上下左右4个方向旋转,带分页,有声音,点击图片可以放大,可以查看详细介绍与链接,由于资源图片比较多,为了方便演示,所有的图片只用一张,大家用的时候只改XML里面的配置就可以了,非常简单。
XML配置结构如下:
<tiltviewergallery>
<photos>
<photo imageurl="images/img_01.jpg" linkurl="http://www.jq-school.com/">
<title>Image 1</title>
<description>漂亮的动画照片墙效果!!</description>
</photo>
</photos>
</tiltviewergallery>
页面JS使用代码如下:
<script type="text/javascript">
var fo = new SWFObject("TiltViewer.swf", "viewer", "100%", "100%", "9.0.28", "#000000");
fo.addVariable("useFlickr", "false");
fo.addVariable("xmlURL", "gallery.xml");
fo.addVariable("maxJPGSize","640");
fo.addVariable("useReloadButton", "false");
fo.addVariable("columns", "5");
fo.addVariable("rows", "5");
fo.addParam("allowFullScreen","true");
fo.write("flashcontent");
</script>
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
图片特效 图片放大 图片播放 Jquery相册 QQ相册 图片3D旋转 3D特效 360度旋转 3D效果 网友Null 2D特效