1提前准备一组图片，将图片名称设置一定规律例如 img1jpgimg2jpg 2编写鼠标点击事件 3在鼠标点击时间里，判断鼠标点击次数 4根据不同次数，显示不同的图片 $function var items=new Arraysquotimg1jpgquot，quotimg2jpgquot，quotimg3jpgquot，quotimg4jpgquot，quotimg5jpgquot v；这个应该是鼠标放上去图片切换效果也就是说要两张图片切换需要在页面中添加以下JS代码 function changeImgobImg，sNewURL ifsNewURL！=quotquot obImgsrc=sNewURL 将需要切换图片的标签代码按照以下示例编写，将以下代码的quot图片地址quot更换为自己所要切换的图片就可以了。

1HTML结构 img src=1pngid=test2javascript代码 functionchangen 如果n一共5张图，循环替换documentgetelementbyid测试srcpng nsettimeout更改 windowonload=function settimeout改变1，10003效果演示 在dreamweaver中怎么用js实现两张图片自动切换试试这个；2然后用img嵌入到网页，嵌入其中的一张，另外一张待会切换3如图，现在是静态的，鼠标放上去也不会产生切换反应，因为没有用JS4如图，获取img，转成JS对象，加个0就可以转js对象了5然后设定经过事件，切换成另一张图片，这样就产生鼠标经过切换图片的效果了6但是一旦鼠标离开了。

js根据循环切换条件可以用documentgetElementByIdquotquotsrc=quotquot设置，或者juqeryquot#idquotattrquotsrcquot，quot图片名称quot；lt！焦点图开始免激活惟零工作家园 This text is replaced by the Flash movie lt！ var swf_width=305 var swf_height=188 参数设置 自动播放时间秒文字颜色文字背景色文字背景透明度按键数字颜色当前按键颜色普通按键色彩 var c。

图片切换使用js的什么事件

1、用js的 eventkeyCode来获取方向键从网上你可以查到左右方向键对应的keyCode值，这样你就能获取到左右键点击事件了然后当左右键点击的时候，触发显示和隐藏对应图片的功能图片的显示和隐藏，你可以用js给对应的图片添加显示或者隐藏的css这样就能实现你要的效果了。

2、1首先，打开html编辑器，新建html文件，例如indexhtml，编写问题基础代码2在indexhtml中的标签，输入js代码function fun var a = Mathrandom * 5#39img#39attr#39src#39， #39image#39 + a + #39jpg#39 3浏览器运行indexhtml页面，此时点击图片会换一张图片。

3、在做移动端开发的时候，必不可少的是轮播图，下面这篇文章主要给大家介绍了关于利用纯JS实现移动端web轮播图的相关资料，重要的是结合Tween算法造轮子，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面来一起看看吧前言相信大家应该都知道，移动端的轮播图是我们比较常见的需求， 我们最快。

4、1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的script标签中，填入js代码setInterval#39$quotimgquotattrquotsrcquot， quotsmall3pngquot#39，10003浏览器进入indexhtml页面中，此时显示出一张图片4过1秒后，图片自动切换为另一张图片了笔记本电脑的优势 1。

5、functionchangen 如果n一共5张图，循环替换documentgetelementbyid测试srcpng nsettimeout更改 windowonload=function settimeout改变1，10003效果演示 DW怎么制作图片自动切换效果，就像淘宝那种，不要代码，简单说明就行需要用到js，使用图像交换，你下面说的DW。

6、最简单的JS切换，先引用jquery js代码 var arr = quotimage1jpgquot， quotimage2jpgquot， quotimage3jpgquot， quotimage4jpgquot var arr1 = quotimg1quot， quotimg2quot， quotimg3quot， quotimg4quot var count = 0 function go $quot#imgquotattrquotsrcquot， arrcount $quot#。

7、quot ltBODY ltHTML 建个html文件，把这段代码放进去，跟图片放一起，试一下，希望对你有帮助。

javascript图片切换代码

itemdisplay containeritemlistitemactivedisplay block3编写Jsfunction$documenton#39click#39，#39container itemcontrol a#39，functionvar _index = $thisindex$thisaddClass#39active#39siblingsremoveClass#39active#39$#39container itemlis。

假设你的图片代码使用js来控制图片的切换你可以使用一个数组来保存图片的名称pci以下为切换代码建议定义成一个函数documentgetElementByIdquotimagequotsrc=pick 本回答被网友采纳 已赞过 已踩过lt 你对这个回答的评价是？ 评论 收起 乌微月2S 20101107 · TA获得超过5020个赞 知道大有可。

你的代码差在少了quot选择元素quot这一步img1src = quot\imagesDT2JPGquot这一步是没有作用的，因为img1你还没有定义正确的方法是让图片元素的id是img1，然后 documentgetElementById#39img1#39src = quot\imagesDT2JPGquot这样进行赋值documentgetElementById#39img1#39这一步的作用就是。

这样lt！DOCTYPE html 动态切换图片 ul padding0margin0 li liststyle pic position relativewidth 400pxheight 400pxbackgroundcolorredmargin100px autobackgroundurl#39image1jpg#39 norepeat center pic img width 400pxheight 400px。