1、准备一组图片,最好大小一致,文件的命名相似,如:pic1.jpg、pic2.jpg、pic3.jpg;
2、在网页中插入一个2×3的表格,表格的宽度与你的图片宽度一致;
3、把表格的第一行的叁个单元格合并,并在其中插入第一张图片,把图片命名为“imag1”,这一点很重要,这是以后替换图片的标识;
4、在表格的第二行的左右两个单元格中分别插入两个按钮,一个这“下一张”,一个为“上一张”。在“下一张”按钮的代码中加上代码:οnclick="img(1)",在“下一张”按钮的代码中加上代码:οnclick="img(2)"。其作用是当相应的按钮按下时执行相应的函数实现切换图片的功能。在表格第二行中间那个单元格中写上“第一张”,并在该段文字的前后加上一个标记,在其中加上代码:id="picnum",这样做的目的是给这段文字加一个标识,以便动态替换。
5、在网页代码的
与之间插入以下代码:以上是实现图片切换的主要函数,除标明可以的外可以不必更改。
5、表格、图片及按钮部分的代码如下:
第1张
|
上面的红字部分可以根据实际情况改写
◆◆
评论读取中....
请登录后再发表评论!
◆◆
修改失败,请稍后尝试