`
king_tt
  • 浏览: 2234364 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

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>

效果如下:

网友Null分享js+flash+xml实现3D照片墙特效


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

分享到:
评论

相关推荐

    Flash 3D照片墙特效.rar

    Flash 3D照片墙特效,跟随鼠标改变三维图片角度,自动显示当前照片描述,整体很炫的效果,在使用方面,附带有一个HTML演示页面,Flash所调用的图片在XML文件里设置好路径和描述等信息,这是一个很不错的Flash和XML...

    一个炫目的3d照片墙(flash+xml)

    开发者通过ActionScript解析XML文件,将数据绑定到3D模型上,实现照片墙的动态展示。用户在浏览时,可以享受到三维视觉效果和流畅的交互体验。这样的技术组合在早期的网页设计中较为常见,用于创建富有吸引力的在线...

    Flash+xml仿实现3D轮换图片效果,超赞

    本教程将聚焦于如何利用Flash和XML技术实现一个惊艳的3D图片轮播效果。Flash,作为一款强大的动画和交互设计工具,可以与XML这种轻量级的数据格式结合,以动态、灵活的方式展示内容。 首先,我们要理解3D图片轮播的...

    flash+js+配置文件3d图片切换

    标题中的“flash+js+配置文件3d图片切换”指的是一个使用Flash技术和JavaScript结合,并通过配置文件实现3D效果的图片切换程序。这样的程序通常用于网页设计,为用户提供动态、立体的视觉体验,使得图片展示更加生动...

    flash 3d照片墙,带源码

    【Flash 3D照片墙】是一种使用Adobe Flash技术创建的互动式用户界面,它能够展示照片以三维方式排列和交互。这种技术在过去的网页设计中非常流行,因为它提供了丰富的动态效果和用户参与度。源码是指开发人员编写的...

    flash+xml实现的鼠标控制3D图片展示特效

    "Flash+XML实现的鼠标控制3D图片展示特效"是一个典型的技术应用,它利用Adobe Flash技术结合XML数据格式,为用户提供了一种动态、立体的图片浏览体验。下面将详细介绍这个技术实现的核心知识点。 1. **Adobe Flash*...

    JS+Flash+xml四屏焦点图代码

    在本场景中,"JS+Flash+xml四屏焦点图代码"是指利用JavaScript、Adobe Flash和XML技术来创建一种多媒体展示效果,通常用于网站设计,以吸引用户的注意力并展示重要的内容或图片。 1. JavaScript (JS): - JS 是一...

    JavaScript创意中国flash+xml焦点图

    总的来说,JavaScript创意中国flash+xml焦点图是一种结合了动态效果与数据驱动的网页组件,通过JavaScript处理用户交互,Flash提供视觉特效,XML存储和管理数据。这种技术组合虽然在现代Web开发中已逐渐被HTML5和CSS...

    使用的广告轮换图片JS+FLash+XML.rar

    标题中的“使用的广告轮换图片JS+FLash+XML.rar”指的是一个压缩包文件,其中包含了一套用于实现广告轮播图的解决方案。这个方案融合了JavaScript、Flash和XML三种技术,以提供一种灵活且可自定义的广告展示方式。 ...

    wpf照片墙(带有3d效果).rar

    4. 动画和故事板:通过Animation和Storyboard实现照片墙元素的动态展示,如旋转、缩放等3D动画效果。 5. 触摸和鼠标交互:添加事件监听器,使得用户可以通过触摸或鼠标操作来互动,如拖动、点击等。 6. 性能优化:...

    flash+asp+xml留言本教程 flash+asp+xml留言本教程

    Flash以其出色的动画效果和交互性,ASP作为后台处理程序,XML则负责数据的存储和交换,三者结合可以实现一个高效、易于维护的解决方案。 首先,让我们了解Flash在其中的作用。Flash是一种强大的多媒体创作工具,...

    JS+XML+FLASH焦点图切换广告代码

    JavaScript(JS)、XML(Extensible Markup Language)和Flash是网页开发中的三种关键技术,它们在创建交互式、动态和丰富的用户体验方面发挥着重要作用。本资源"JS+XML+FLASH焦点图切换广告代码"提供了一种利用这三...

    3d照片墙html5.

    `swfobject.js`是一个JavaScript库,用于检测和嵌入Flash内容。虽然HTML5已经能提供许多原生的多媒体功能,但在某些情况下,为了向不支持HTML5的旧浏览器提供回退方案,可能仍会使用Flash技术,如`TiltViewer.swf`,...

    Flash+xml做的图片3D墙源码[圆柱形].rar

    《Flash+xml实现的3D图片墙源码解析》 在当今的互联网世界中,动态、交互性的用户体验成为了吸引用户的重要手段。Flash作为一种流行的动画和交互性内容创作工具,结合XML的灵活性,为开发者提供了丰富的创意空间。...

    js+flash实现焦点广告轮播

    总之,“js+flash实现焦点广告轮播”是一个结合了传统Flash技术和现代JavaScript技术的项目,它为网页带来了丰富的动态广告体验。通过分析提供的源码和工具,开发者可以学习到如何整合这两种技术,以及如何优化和...

    C#网站开发案例详解 基于Ajax+CSS+JavaScript+XML技术

    C#网站开发案例详解 基于Ajax+CSS+JavaScript+XML技术 源码

    各样式Flash Mp3 Player网页播放器Flash+Xml中文模块

    这个"各样式Flash Mp3 Player网页播放器Flash+Xml中文模块"集合提供了25种不同的Flash+Xml播放器样式,可以适应各种网页和QQ空间的需求。Flash技术以其丰富的动画效果和交互性,在过去被广泛用于创建多媒体网页元素...

    js+xml无限级联动菜单实现

    本教程将详细讲解如何使用JavaScript(js)和XML来实现这样的功能。 首先,我们要理解XML(Extensible Markup Language)的作用。XML是一种标记语言,用于存储和传输结构化数据。在这里,我们使用XML文件来存储菜单...

    Flash+Xml实现全屏播放的相册效果(带缩略图可左右、自动切换)

    本项目"Flash+Xml实现全屏播放的相册效果(带缩略图可左右、自动切换)"就是一个很好的示例,它展示了如何利用这两种技术构建一个功能丰富的图片展示平台。以下是对这个项目的详细解析: 1. **Flash技术**:Flash是...

    html+js+xml的例子

    这个名为"html+js+xml的例子"的压缩包,显然是为了展示如何结合使用这些技术实现特定功能,即通过JavaScript读取并处理XML数据。在这个案例中,我们关注的是一个零售管理系统的应用场景,这可能涉及到进销存管理。 ...

Global site tag (gtag.js) - Google Analytics