<script language =javascript >var curIndex=0//时间间隔(单位毫秒)，每秒钟显示一张，数组共有5张图片放在Photos文件夹下。 var timeInterval=1000var arr=new Array()arr[0]="photos/1.jpg"arr[1]="photos/2.jpg"arr[2]="photos/3.jpg"arr[3]="photos/4.jpg"arr[4]="photos/5.jpg"setInterval(changeImg,timeInterval)function changeImg() { var obj=document.getElementById("obj")if (curIndex==arr.length-1) { curIndex=0} else { curIndex+=1} obj.src=arr[curIndex]} </script><img id=obj src ="photos/1.jpg" width=200 height=150 border =0>可以自己配置，自己设置每张图片切换的时间间隔，自己设置每张图片的路径（绝对、相对路径都可以）虽然很简单，但是很实用。 ------------------------------------------------------------- 第二种方法: //修改图片的宽度、高度，注意要和下面的一样，修改显示位置 <style type="text/css">#img1 {position:absolutewidth:140pxheight:105pxleft:220pxtop:125pxz-index:1visibility:hidden} #img2 {position:absolutewidth:140pxheight:105pxleft:220pxtop:125pxz-index:2} </style><SCRIPT LANGUAGE="JavaScript"><!-- Begin var ie5=(document.getElementById &&document.all)var ns6=(document.getElementById &&!document.all)
点击鼠标，还是点击按钮，还是点击图片？
如果是点击鼠标，写一个遮罩层，遮罩层为全透明rgba(0 ,0 ,0, 0).遮罩层设置点击事件onclick 点击后隐藏当前图片，显示另一张，用if。
点击按钮，你可以在按钮上写个点击事件 ，默认当前为true 点击后就变为false
var a=ture；
点击后
a=a!
一个图片用a显示，另一个图片用!a显示
当a为true 显示一张图，为false的时候显示另一张图。
点击图片
参考网页链接
给图片都加个 class="img"吧，试下这个...
$('.img').click(function(){
$('.img').each(function(i){
$(this).attr('src', 'images/' + (i+1) + '.png')
})
var name = /\/[0-9]+\.png/.exec($(this).attr('src'))
var num = /[0-9]/.exec(name)
$(this).attr('src', 'images/' + num + '.' + num + '.png')
})
