你的代码差在少了quot选择元素quot这一步img1src = quot\imagesDT2JPGquot这一步是没有作用的，因为img1你还没有定义正确的方法是让图片元素的id是img1，然后 documentgetElementById#39img1#39src = quot\images；代码展示lt！DOCTYPE html 图片切换效果 container width280pxheight200pxborder1px solid #eeepositionrelative idPicText background#eeelineheight25pxtextaligncenter。

1HTML结构 2javascript代码 function changenifn5 n=1 一共5张图片，所以循环替换documentgetElementByIdquottestquotsetAttributequotsrcquot， n+quotpngquotn++setTimeoutquotchangequot+n+quotquot，1000；需要在页面中添加以下JS代码 function changeImgobImg，sNewURL ifsNewURL！=quotquot obImgsrc=sNewURL 将需要切换图片的标签代码按照以下示例编写，将以下代码的quot图片地址quot更换为自己所要切换的图片就可以了。

参考代码lt！DOCTYPE html Title btn display block margin135px auto width 30px height 30px fontsize 30px cursor pointer btnhover color；2在indexhtml中的script标签中，输入js代码$#39a#39hoverfunction$#39img#39css#39display#39，#39block#393浏览器运行indexhtml页面，此时鼠标移动到超链接上，下面的图片自动显示了出来csshover用法在。

js自动切换图片代码

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

下面是可配置轮播动画代码 fnslide=functionoptions var defaults= affect1， 1上下滚动 2幕布式 3左右滚动4淡入淡出 time 5000， 间隔时间 speed500， 动画快慢 dot_text。

js根据循环切换条件可以用documentgetElementByIdquotquotsrc=quotquot设置，或者juqeryquot#idquotattrquotsrcquot，quot图片名称quot。

guy ，你拿本身要改变的属性作为判断条件，导致if，else顺序执行，从而导致回到原点，没有效果方法一原始方法var flag = falsefunction CheckForm var photo=documentgetElementByIdquotphotoquot ifflag。

2在indexhtml中的script标签中，填入js代码setInterval#39$quotimgquotattrquotsrcquot， quotsmall3pngquot#39， 10003浏览器进入indexhtml页面中，此时显示出一张图片4过1秒后，图片自动切换为另一张图片了。

如何用javascript实现图片定时切换 思路使用javascript定时器函数setTimeout以一定的毫秒间隔执行动作，在执行的动作中循环替换图片的src属性按如下方式设置演示1HTML结构 img src=1pngid=test2javascript代码 function。

用js实现图片切换

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

2、这篇文章主要介绍了js图片轮播效果实现代码，文章对每一步进行了详细阐述，标注注意事项，为顺利实现js图片轮播效果做好铺垫，对轮播效果感兴趣的朋友可以参考一下首先给大家看一看js图片轮播效果，如下图具体思路一页面加载。

3、思路使用javascript定时器函数setTimeout以一定的毫秒间隔执行动作，在执行的动作中循环替换图片的src属性按如下方式设置演示1HTML结构 img src=1pngid=test2javascript代码 functionchangen 如果n一共5张。

4、1准备切换图片素材，一般是两张，如图，放入img文件夹，跟HTML同级2然后用img嵌入到网页，嵌入其中的一张，另外一张待会切换3如图，现在是静态的，鼠标放上去也不会产生切换反应，因为没有用JS4如图，获取。