如图，获取img，转成JS对象，加个0就可以转js对象了5然后设定经过事件，切换成另一张图片，这样就产生鼠标经过切换图片的效果了6但是一旦鼠标离开了，就要切换回原来的图片素材，所以再加一个离开事件，这样离开后就变换成原来的图片7如图，现在我的鼠标在图片上，就变成twopicture了。

代码写起来比较烦，首先如果是要自动变化的话，你首先需要有一个timer，调用windowsetIntervalhandler， time方法去变换，可以写在onload事件里，或者卸载页面最后用ltscriptltscript块里面 页面上有一个div的话，这个div里面应该有个ltimg的吧，图片的话你用一个数组将文件名放起来，搞个随机数，然后就将imgsrc = #39arri#39这样弄就应该能实现。

4 PostListControllerjs代码如下ftitAppModulecontroller#39PostListController#39，function $scope 设置轮播图图片间隔 scopemyInterval = 5000 轮播图数据初始化 var slides = $scopeslides = 添加轮播图源 slidespush image #39Contentimagescarousel_1png#39， text。

lt！ function switchImg img if img var oldsrc = imggetAttribute#39oldsrc#39if oldsrc == #39#39 imgsetAttribute#39oldsrc#39， imgsrc else imgsrc = oldsrcimgsetAttribute#39oldsrc#39， #39#39 如果一次把问题说完整多好。

1用JS定义一个图片数组，里面存放你想要随机展示的图片 2用JS产生一个随机数，当然这个随机数从0开始到imgArrlength1结束 代码如下var index =parseIntMathrandom*imgArrlength1就得到当前随机产生的图片 代码如下var currentImage=imgArrindex3既然随机产生了一张背景图，那。

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

给你举个简单的例子哈，你需要把var pic_arr=new Arrayquotsilkroad_1jpgquot，quotsilkroad_2jpgquot，quotsilkroad_3jpgquot这个里面存储的图片换成自己图片的路径就可以了===lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quot DTDxhtml1transition。

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