网页轮显做幻灯片的软件是怎么做的

查看: 7796|回复: 7
精华0阅读权限20最后登录在线时间242 小时
UID: 227115
精华: <font color=#
高级会员, 积分 2000, 距离下一级还需 1000 积分
网页中的幻灯片效果在DREAMARE中是怎么做出来的啊?
是用其它软件吗?
精华0阅读权限50最后登录在线时间1786 小时
UID: 47644
精华: <font color=#
DW用层和时间轴可以做出幻灯片效果,用FLASH也能实现。
提供专业的行业解决方案和实施服务。EAM企业设备管理系统顾问,企业建站和商城系统
精华0阅读权限20最后登录在线时间242 小时
UID: 227115
精华: <font color=#
高级会员, 积分 2000, 距离下一级还需 1000 积分
回 1楼(迷失) 的帖子
可是具体怎么做呢?我还是不会,时间轴我会,但是没做过。
精华0阅读权限20最后登录在线时间196 小时
软件应用热心会员
UID: 88407
精华: <font color=#
高级会员, 积分 1017, 距离下一级还需 1983 积分
方法很多。用时间轴配合层。也可以用flash.也可以用JavaScript脚本语言编程。
screen.width*0.7) {this.resized= this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onmouseover="if(this.width>screen.width*0.7) {this.resized= this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {} else {window.open('http://bbs.cfanclub.net/data/attachment/forum/Mon_07_632b0adfbdd4b0b.jpg');}" onmousewheel="return imgzoom(this);" alt="" />
精华0阅读权限10最后登录在线时间6 小时
UID: 287998
精华: <font color=#
论坛新人, 积分 0, 距离下一级还需 50 积分
回 1楼(迷失) 的帖子
详细的能说下吗?我也想学
精华0阅读权限20最后登录在线时间242 小时
UID: 227115
精华: <font color=#
高级会员, 积分 2000, 距离下一级还需 1000 积分
回 3楼(xiongxin) 的帖子
有视频教程吗?这个最好
精华0阅读权限20最后登录在线时间196 小时
软件应用热心会员
UID: 88407
精华: <font color=#
高级会员, 积分 1017, 距离下一级还需 1983 积分
回 5楼(sparkboy0726) 的帖子
真是不好意思,暂时没有视频教程。我一般都是买书学。很少到网上找教程 。
精华0阅读权限50最后登录在线时间1786 小时
UID: 47644
精华: <font color=#
作为一位不懂代码的业余网页制作爱好者,常常羡慕专业程序人员在浏览器中编制出的效果超酷的一些多媒体作品。唉,无奈程序那东东,酶涩南学,非一日之功,需要良好的逻辑思维能力和足够的磨练方可成就。是不是不会程序,就永远就不能实现自己的创意和想法了呢?非也!现在我们要制作的就是在网页中的一个幻灯片播放器。当用户按下控制盘上的“PLAY”键时图片将作幻灯片似的连续循环播放。按下“PAUSE”时,播放中的图片就停留在当前位置。按下“RESTART”键时,幻灯片又从头播放。而这一切,仅仅采用Dreamweaver3的内嵌的层(Layer)、时间链(Timeline)和行为(Behavior)技术,就可实现,所有的JavaScript代码都会在Dreamweaver中自动生成。这里不是鼓励大家不要接触程序代码,相反,若读者掌握了一些编程技术的基础,会在网页制作中起到相当重要的作用。实际上,这已是当今专业WEB页面制作人员的一项基本素质要求。
  下面分步骤对这个播放器的制作加以说明。
  步骤一:图形元素的制作和准备。
  制作幻灯片所用的图片并将之放入Dreamweaver的层中。我们准备在每个幻灯片中实现7幅图片的交替变换,因此我们需要制作7幅内容不同的图片。注意图片要在Photoshop中进行优化压缩,并调整成相同的尺寸。建立一个层,插入初始图片,该图片就是幻灯片默认得头一张图片。将层命名为Layer_main,并把该层的Index值设为1。
  步骤二:制作播放器的外观和四个控制按钮。
  利用Photoshop制作一个金属效果的播放器外观。(具体效果就看你的喜好啦,也许你可从Winamp的skin中受点启发)。作最佳优化后,输出一个透明的GIF图片。为了让鼠标移上后按钮有些变化,你不得不每个按钮制作2张图片(共6个),两个按钮只需有颜色上的差异即可。先建三个层,调整好位置,并插入三个播放键的各自的二张翻滚图片(Rollover Image)(Insert-Rollover Image)。通过调节层的Index-Z的值,确保播放器所在的层在Layer_main层的上面,在按钮所在层的下面。排版好的各层如图所示。
  步骤三:创建幻灯片播放时间链。
  按Ctrl+F9键打开时间链浮动工具面板。选取其中幻灯片所在层(Layer_main)中的初始图片(确保选取的是图像,而不是层),用鼠标拖至时间链浮动工具面板,在时间链起始处释放鼠标。设定帧速率为Fps为5,并勾选Loop框。选择时间链中的其中一帧,右击鼠标,选择&Add Keyframe&(添加关键帧),选择另一幅幻灯片图片,以更换层(Layer_main)中的初始图片。重复这个操作,将剩下的5幅图片全部加到该时间链的不同关键帧上。最后适当调节各关键帧之间的距离。并将该时间链命名为TimeLine_main。建立好的时间链如图所示。
  步骤四:为按钮和其它添加行为(Behavior)。
  点击选择PLAY按钮所在的图片,在行为浮动工具面板中,从+(添加)动作下拉列表中选择Timeline-Play Timeline(播放时间链),并在弹出的对话框中选择时间链Timeline_main。单击OK。默认方式下,就会为切换动作设置一个onClick事件。点击选择PAUSE所在的图片。在行为浮动工具面板中,从+(添加)动作下拉列表中选择Timeline---Stop Timeline(停止播放时间链),并在弹出的对话框中选择时间链Timeline_main。单击OK。默认方式下,就会为切换动作设置一个onClick事件。
  点击选择REPLAY所在的图片。在行为浮动工具面板中,从+(添加)动作下拉列表中选择Timeline---Go to Timeline Frame(转向放时间链帧),并在弹出的对话框中选择时间链Timeline_main,在Frame文本框中输入1。单击OK。默认方式下,就会为切换动作设置一个onClick事件。再添加下一个动作。从+(添加)动作下拉列表中选择Timeline---Play Timeline(播放时间链),并在弹出的对话框中选择时间链Timeline_main。单击OK。默认方式下,就会为切换动作设置一个onClick事件。REPLAY的图片添加好的行为如图所示。
进一步,为了让播放器更加生动,你可以同时给幻灯片的播放加上声音。
  若要把这个播放器放到网上,同时图片总容量超过150K,可以给页面作一个“Loading(加载)层”,待全部内容下载完毕后,才显示出来。以免由于图片未下载完而产生播放不畅的感觉。关于“Loading”层的制作方法,在很多地方有介绍,这里就不再详述了。
  把这个例子变通一下,我们可以作一个相册。你可以把你的家庭或女朋友的相片加在幻灯片所在的时间链上,并且加上Last(上一张)、 Next(下一张)等按钮,便于浏览者逐张欣赏。若觉得相片太小不能看清楚细节,你还可以加一个Zoom In(放大)按钮,链接到一个有单张放大相片的新窗口页面。最后把它放到网上,相信一定会给你的家人或女朋友带去一份惊喜。
出处:赛迪网
Powered by Discuz! X2.5
Comsenz Inc.怎样在网页上显示幻灯片_百度知道
怎样在网页上显示幻灯片
必须是事先下好的,得上传才可以,并点击,在网页上显示的话必须先弄一个PPT再载到网上桌面
其他类似问题
幻灯片的相关知识
其他2条回答
jquery图片轮播效果。去搜,大把
您可能关注的推广回答者:回答者:
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁我想做一个像幻灯片那样把几个图片轮流显示出来那种效果,请问该怎么做啊
[问题点数:40分,结帖人Hellengang]
我想做一个像幻灯片那样把几个图片轮流显示出来那种效果,请问该怎么做啊
[问题点数:40分,结帖人Hellengang]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
相关帖子推荐:
2005年12月 总版技术专家分月排行榜第二
2005年12月 .NET技术大版内专家分月排行榜第一2005年11月 .NET技术大版内专家分月排行榜第一
2006年2月 总版技术专家分月排行榜第三
2005年9月 软件工程/管理大版内专家分月排行榜第一2006年2月 .NET技术大版内专家分月排行榜第一2006年1月 .NET技术大版内专家分月排行榜第一
2006年2月 总版技术专家分月排行榜第三
2005年9月 软件工程/管理大版内专家分月排行榜第一2006年2月 .NET技术大版内专家分月排行榜第一2006年1月 .NET技术大版内专家分月排行榜第一
本帖子已过去太久远了,不再提供回复功能。网页有的地方看不到(例如:ppt),网页上方显示“阻止了一个窗口”,怎么办?
| 服务热线:400-700-7000
  解决方案:点击页面上方的提示条“阻止了一个弹出窗口”,继续点击“总是允许来自此站点的弹出窗口”,如图1。
  根据提示在下方弹出对话框中点击“是”,然后重新打开网页(如图2)。
您可能也遇到的问题:
热门动态Dynamicjquery 幻灯片切换使用jQuery和CSS制作一个马赛克幻灯片图片切换效果_模板无忧
jquery 幻灯片切换使用jQuery和CSS制作一个马赛克幻灯片图片切换效果_jQuery幻灯片
今天,我们正在一个jQuery和CSS马赛克画廊,这将有一个有趣的瓷砖过渡效果时,从一个幻灯片到另一个。
售价:10UB
相关jQuery幻灯片:
特效代码搜索
jQuery幻灯片推荐
猜你也喜欢看这些}

我要回帖

更多关于 做幻灯片的软件 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信