如何使用Dreamweaver制作图片浏览器

更改页面背景颜色

在制作图片浏览器之前，我们首先需要将页面的背景颜色更改为黑色。这样可以满足我们对于美观的要求，当然你也可以根据个人喜好设置其他颜色。只需点击页面属性，即可修改背景颜色。

插入表格

首先，在Dreamweaver中插入一个2行1列的表格。选择菜单栏上的“插入”选项，并打开“插入表格”对话框，将表格宽度设置为700像素。

插入图片

现在，我们已经成功插入了表格。接下来，选中表格的第一行，并在菜单栏上选择“插入-图像”。插入所需的图片后，将其设置为水平居中对齐。

插入缩略图表格

在表格的第二行插入一个1行3列的表格，用于显示缩略图。将光标移动到表格的第二行，然后选择“插入-表格”。将表格边框设置为10像素，并将宽度设置为100%。

插入缩略图

在第一个单元格中插入一个图片作为第一个缩略图。使用同样的方法插入其他三个缩略图。

插入AP Div

插入一个AP Div，并设置其大小以覆盖电视机屏幕的尺寸。这样，我们可以在AP Div中插入图片，实现类似电视机播放效果。

添加行为

将其中一张图片的id设置为"dianshi"，然后选中这张缩略图，并给它添加一个行为。

打开行为窗口

在Dreamweaver的窗口菜单中，勾选“行为”窗口，以便进行后续操作。

添加交换图像行为

在行为窗口中，点击添加按钮，并选择"交换图像"。接着打开交换图像对话框，在已有的图片中选择"dianshi"，并将原始档设置为要展示的另一张图片。最后，点击确定即可完成设置。

设置其他缩略图行为

使用相同的方法，为其他三个缩略图也添加交换图像的行为。这样，就能够实现图片的切换效果了。

通过以上步骤，我们可以轻松使用Dreamweaver制作出一个简单的图片浏览器，让用户通过点击缩略图来展示不同的图片。这种效果简单而实用，为网站增添了更多的交互体验。

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。