img{
width: 200px;
height: 200px;
}
function fn(n){
var nextn;
if(n==3){nextn=1;}
else{nextn=n+1;}
document.getElementById("img"+n).style.display="none";
document.getElementById("img"+nextn).style.display="block";
}
以上代码中src路径改为自己真实的图片路径即可~
简单的切换效果：多张图片，鼠标点击一下就会更换另一张图片，循环更换
