如何在DREAMWEAVER中做出图片切换效果

来源：百度知道 编辑：UC知道 时间：2024/05/09 20:42:51
也就是说使一张图片一段时间后变成另一张，再过一段时间后又有第三张切换

1、准备一组图片，最好大小一致，文件的命名相似，如：pic1.jpg、pic2.jpg、pic3.jpg；

2、在网页中插入一个2×3的表格，表格的宽度与你的图片宽度一致；

3、把表格的第一行的叁个单元格合并，并在其中插入第一张图片，把图片命名为“imag1”，这一点很重要，这是以后替换图片的标识；

4、在表格的第二行的左右两个单元格中分别插入两个按钮，一个这“下一张”，一个为“上一张”。在“下一张”按钮的代码中加上代码：onclick="img(1)"，在“下一张”按钮的代码中加上代码：onclick="img(2)"。其作用是当相应的按钮按下时执行相应的函数实现切换图片的功能。在表格第二行中间那个单元格中写上“第一张”，并在该段文字的前后加上一个<span>标记，在其中加上代码：id="picnum"，这样做的目的是给这段文字加一个标识，以便动态替换。

5、在网页代码的<head>与</head>之间插入以下代码：
<Script LANGUAGE="JavaScript">
<!--
var num=1 //设置图片数初始值
var nummax=3 //图片数，可根据实际数更改
function img(sta)
{
obj=eval("img1");
objnum=eval("picnum");
if (obj.filters.item(0).Transition==23) // 这部分语句是用于改变切换样式，在23种样式中循环。
obj.filters.item(0).Transition=1;
else
obj.filters.item(0).transition++;
obj.filters.item(0).Apply();
if (sta==1) //以下部分用于切换图片和更新当前显示的图片号
num=num+1
else n