Question

javascript中实现点击切换按钮切换图片

有三张图片，默认第一个图片，点击切换，到下一张，再点击再到下一张，最后点击切换按钮返回第一张的代码，求教！

Answer 1

<div id='pics'>
  <img src='' alt='pic1' style='' />
  <img src='' alt='pic2' style='display:none' />
  <img src='' alt='pic3' style='display:none' />
</div>
<script>
var pics=document.getElementById('pics').getElementsByTagName('img');
var slide=function(i){
  return function(e){
    pics[i].style.display='none';
    if(pics[i+1]){
      pics[i+1].style.display='block';
    }else{
      pics[0].style.display='block';
    }
  }
};
for(i=0;i<pics.length;i++){
  pics[i].onclick=slide(i);
}
</script>