2回答

• 

  Yexiaomo

  2017-03-28 14:57:51

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

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

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

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

  
  

  0 0
• 

  Yexiaomo

  2017-03-28 14:44:53

  思路: 图片添加点击事件-->触发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);
  }

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

  
  

  0 0