flash全屏相册-多图浏览-图片左右切换_flash全屏相册资源-CSDN文库

共12个文件

js：5个

jpg：2个

htm：2个

flash相册

js相册

图片切换

图片滚动代码

仿QQ相册功能

4星 · 超过85%的资源需积分: 9 178 浏览量 2013-03-19 13:05:42 上传评论 2 收藏 420KB RAR 举报

"Flash全屏相册-多图浏览-图片左右切换"是一个经典的网页互动设计，主要用于展示一组图片并提供用户友好的浏览体验。在网页设计中，这种类型的相册通常利用Adobe Flash技术来实现动态的图片展示效果，让用户能够全屏查看照片，并通过简单的操作（如点击或滑动）在多张图片之间切换。提到的"类似QQ空间的相册功能，但不完全相同"，暗示了这个Flash全屏相册可能具备与QQ空间相册相似的特性，如全屏浏览、图片导航和过渡效果，但可能在设计、交互或者功能上有所创新或改进。QQ空间的相册是腾讯公司为其社交平台提供的一个服务，允许用户上传、分享和浏览个人照片。因此，这个Flash相册可能借鉴了它的用户体验设计，但同时可能加入了独特的元素以区别于它。中的关键词揭示了这个项目的技术实现和主要特点： 1. **Flash相册**：这个相册是基于Flash技术构建的，Flash在过去的网页设计中广泛用于创建动态和交互式的元素，尤其是对于多媒体内容的展示。 2. **JS相册**：虽然主要提及的是Flash，但同时也提到了JavaScript（JS），这可能是为了实现非Flash环境下的兼容性或者提供一种更现代的替代方案，因为随着技术的发展，Flash逐渐被HTML5等技术取代。 3. **图片切换**：这是相册的核心功能，用户可以轻松地在不同的图片间切换，通常是通过点击或滑动控制。 4. **图片滚动代码**：这可能指的是实现图片切换的JavaScript代码，可能包括动画效果和事件监听等。 5. **仿QQ相册功能**：如前所述，这个相册试图模仿QQ空间相册的一些功能和用户体验，但具有自己的独特设计。在压缩包文件"flash全屏相册"中，可能包含以下内容： 1. **Flash源文件**（*.fla）：这是Flash开发环境中的原始项目文件，包含了所有图形、动画和编程逻辑。 2. **SWF文件**（*.swf）：这是编译后的Flash应用程序，可以在网页中嵌入播放。 3. **JavaScript文件**（*.js）：可能包含用于非Flash环境下的图片切换逻辑，例如使用jQuery或其它库实现。 4. **CSS样式表**（*.css）：用于定义相册的外观和布局。 5. **图片资源**（*.jpg或*.png）：实际展示的相册图片。 6. **HTML文件**：包含相册的网页结构和嵌入Flash或JavaScript代码的部分。 7. **其他素材**：如图标、按钮等辅助元素。这个项目展示了如何利用Flash技术和JavaScript来创建一个具有全屏浏览和图片切换功能的相册，同时体现了对用户体验的重视，尤其是在模仿QQ空间相册的基础上进行创新。对于网页设计师和开发者来说，这是一个了解和学习交互式相册设计的好案例。

资源推荐

资源详情

资源评论

收起资源包目录

flash全屏相册.rar （12个子文件）

flash全屏相册

13241085325.jpg 9KB

photos.htm 2KB

images

ZeroClipboard.js 12KB

swfobject.js 10KB

common.js 19KB

DD_belatedPNG.js 7KB

main.css 14KB

jquery.js 82KB

style.css 22KB

b13241085325.jpg 279KB

index.htm 3KB

simpleviewer.swf 78KB

<!DOCTYPE html> <html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>幻灯片</title> <script type="text/javascript" src="./images/ZeroClipboard.js"></script> <script> function show_copy_notice(o,notice){ var pos = $(o).offset(); var width = $(o).width(); var left = pos.left+width-80; var top = pos.top; if($("#copy_notice").length == 0){ $("body").prepend('<div id="copy_notice"></div>'); } $("#copy_notice").css({"left":left,"top":top}); $("#copy_notice").html(notice).show().animate({opacity: 1.0}, 1000).fadeOut(); } </script> <style> #copy_notice{ position:absolute; z-index:1103; height:15px; width:80px; padding:5px; border:1px solid #eee; background:#FFFFEE; } </style> <meta name="generator" content="MeiuPic 2.2.0"> <link rel="alternate" title="美优相册管理系统" href="http://meiupic.meiu.cn/demo2/feed-index-aid-10.htm" type="application/rss+xml"> <link rel="shortcut icon" href="http://meiupic.meiu.cn/demo2/favicon.ico" type="image/x-icon"> <link rel="stylesheet" type="text/css" href="./images/main.css"> <link rel="stylesheet" type="text/css" href="./images/style.css">  <script src="./images/jquery.js" type="text/javascript"></script> <script src="./images/common.js" type="text/javascript"></script> <style type="text/css" media="screen">#myslideshow {visibility:hidden}</style></head> <body><style> body{ background:#222; } #myslideshow{ width:100%; height:100%; } .topbtn{ position:absolute; top:3px;right:90px; padding:10px; } </style> <script src="./images/swfobject.js" type="text/javascript"></script> <div class="topbtn"><a href="http://meiupic.meiu.cn/demo2/photos-view-id-118.htm" class="png close"></a></div> <object type="application/x-shockwave-flash" data="simpleviewer.swf" width="100%" height="617" id="myslideshow" style="visibility: visible; "><param name="allowfullscreen" value="true"><param name="wmode" value="transparent"><param name="allowscriptaccess" value="always"><param name="bgcolor" value="222222"><param name="flashvars" value="galleryURL=/demo2/photos.htm"></object> <script type="text/javascript"> var flashvars = {}; flashvars.galleryURL = escape('photos.htm'); var params = {}; params.allowfullscreen = true; params.wmode = 'transparent'; params.allowscriptaccess = "always"; params.bgcolor = "222222"; swfobject.embedSWF("simpleviewer.swf", "myslideshow", "100%",document.documentElement.clientHeight, "9.0.124", false, flashvars, params); </script> </body></html>

评论收藏

内容反馈