您的位置：首页 > 其它

用 flash+XML实现3D照片墙

2013-05-10 11:44 253 查看 
效果图：





HTML代码：


<htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="en"lang="en">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>网友Null分享js+flash+xml实现3D照片墙特效</title>
<scripttype="text/javascript"src="swfobject.js"></script>
<styletype="text/css">
html{
height:100%;
overflow:hidden;
}

#flashcontent{
height:100%;
}

body{
height:100%;
margin:0;
padding:0;
background-color:#000000;
color:#ffffff;
font-family:sans-serif;
font-size:40;
}

a{
color:#cccccc;
}
</style>
</head>
<body>

<divid="flashcontent">
<ahref="http://get.adobe.com/cn/flashplayer/"></a>
</div>
<scripttype="text/javascript">
varfo=newSWFObject("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>
</body>
</html>




XML文件


<tiltviewergallery>
<photos>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
<photoimageurl="images/img_01.jpg"linkurl="http://***/">
<title>Image1</title>
<description>漂亮的动画照片墙效果！！</description>
</photo>
</photos>
</tiltviewergallery>



示例下载：3D照片墙


                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航