dreamweaver中制作图片幻灯片

《dreamweaver中制作图片幻灯片》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、1.时间轴上。如下图所示。2.选中第1帧上方的B轨道。选择“窗口”—“行为”命令。在“行为”面板上点击“＋”，选择“显示隐藏层”。在命名的层中，层“Layer1”选择为“显示”，然后点击“确定”。如下图所示。3.在15帧处双击B轨道，在弹出的行为窗口，加入显示隐藏层事件。将层“Layer1”隐藏，将层“Layer2”显示出来。如下图所示。4.在第29帧处加入行为事件。将层“Layer1”、层“Layer2”隐藏，将层“Layer3”显示出来。如下图所示。5.在最后一帧处，加入隐藏layer3的行为事件即可。6.最后把时间轴窗口中的“自动播放”和“循环”命令选中。7.保存网页，浏览

2、网页。　在Dreamweaver中也可以将图片制作成幻灯片的自动播放效果。下面分步骤对这个播放器的制作加以说明。步骤一：图形元素的制作和准备。制作幻灯片所用的图片并将之放入Dreamweaver的层中。我们准备在每个幻灯片中实现7幅图片的交替变换，因此我们需要制作7幅内容不同的图片。注意图片要在Photoshop中进行优化压缩，并调整成相同的尺寸。建立一个层，插入初始图片，该图片就是幻灯片默认得头一张图片。将层命名为Layer_main，并把该层的Index值设为1。步骤二：制作播放器的外观和四个控制按钮。利用Photoshop制作一个金属效果的播放器外观。（具体效果就看你的喜好

3、啦，也许你可从Winamp的skin中受点启发）。作最佳优化后，输出一个透明的GIF图片。为了让鼠标移上后按钮有些变化，你不得不每个按钮制作2张图片（共6个），两个按钮只需有颜色上的差异即可。先建三个层，调整好位置，并插入三个播放键的各自的二张翻滚图片（RolloverImage）（Insert-RolloverImage）。通过调节层的Index-Z的值，确保播放器所在的层在Layer_main层的上面，在按钮所在层的下面。排版好的各层如图1所示。图1步骤三：创建幻灯片播放时间链。按Ctrl+F9键打开时间链浮动工具面板。选取其中幻灯片所在层(Layer_main)中的初始图片

4、(确保选取的是图像，而不是层)，用鼠标拖至时间链浮动工具面板，在时间链起始处释放鼠标。设定帧速率为Fps为5，并勾选Loop框。选择时间链中的其中一帧，右击鼠标，选择"AddKeyframe"（添加关键帧），选择另一幅幻灯片图片，以更换层(Layer_main)中的初始图片。重复这个操作，将剩下的5幅图片全部加到该时间链的不同关键帧上。最后适当调节各关键帧之间的距离。并将该时间链命名为TimeLine_main。建立好的时间链如图2所示。图2步骤四：为按钮和其它添加行为（Behavior）。点击选择PLAY按钮所在的图片，在行为浮动工具面板中，从+（添加）动作下拉列表中选择Tim

5、eline-PlayTimeline(播放时间链)，并在弹出的对话框中选择时间链Timeline_main。单击OK。默认方式下，就会为切换动作设置一个onClick事件。点击选择PAUSE所在的图片。在行为浮动工具面板中，从+（添加）动作下拉列表中选择Timeline---StopTimeline(停止播放时间链)，并在弹出的对话框中选择时间链Timeline_main。单击OK。默认方式下，就会为切换动作设置一个onClick事件。点击选择REPLAY所在的图片。在行为浮动工具面板中，从+（添加）动作下拉列表中选择Timeline---GotoTimelineFrame(转向

6、放时间链帧)，并在弹出的对话框中选择时间链Timeline_main，在Frame文本框中输入1。单击OK。默认方式下，就会为切换动作设置一个onClick事件。再添加下一个动作。从+（添加）动作下拉列表中选择Timeline---PlayTimeline(播放时间链)，并在弹出的对话框中选择时间链Timeline_main。单击OK。默认方式下，就会为切换动作设置一个onClick事件。REPLAY的图片添加好的行为如图3所示。图3本例中做好的播放器，可在下列地址浏览：http://webart.myrice.com/sample/index.htm。进一步，为了让播放器更加生

7、动，你可以同时给幻灯片的播放加上声音。若要把这个播放器放到网上，同时图片总容量超过150K，可以给页面作一个“Loading（加载）层”，待全部内容下载完毕后，才显示出来。以免由于图片未下载完而产生播放不畅的感觉。关于“Loading”层的制作方法，在很多地方有介绍，这里就不再详述了。把这个例子变通一下，我们可以作一个相册。你可以把你的家庭或女朋友的相片加在幻灯片所在的时间链上，并且加上Last（上一张）、Next（下一张）等按钮，便于浏览者逐张欣赏。若觉得相片太小不能看清楚细节