这里偷懒了, 因为知道有 7张图片

--------------扩展--------

如果真的要去不同的图片,也可以随机产生一个 [1,7] 之间的整数

function imgSwitchSilder(n){
  while(true){
    var m = Math.ceil(Math.random()*(7-0)+0);
    //防止跳转的图片是 它自己
    if (m != n)             
      break;
  }
  switchSilder(m);
}

思路: 图片添加点击事件-->触发js脚本-->

                        -------->因为不同图片去不同的图片,所以这里可以将老 switchSilder() 参数 + 1 ,注意最后一张图片

<div class="main-i {{css}}" id="main_{{index}}">
     <div class="caption">
          <h2>{{h2}}</h2>
          <h3>{{h3}}</h3>
      </div>
      <img src="image/{{index}}.jpg" class="picture" onclick="imgSwitchSilder({{index}})">//添加事件
</div>

function imgSwitchSilder(n){
  switchSilder( n%7 + 1);
}

-----------------------------------扩展