banner

$.ajax({  url:'攻略推荐',

  success:function(res){

    console.log(res);

    var arr= res.data;    var str='';   var str2='';

    arr.forEach(fun (e){

      str+=` 一个叫shou_image的li `

    str2+=` 一个叫show_nav的li `    });

    $('.show-image').html(str);      $('.show-nav').html(str2);

    $('.show-image li').eq(current).show();     $('.show-nav li').eq(current).addClass('active');

  }

})  var current=2;

//自动轮播

setInterval(() => {

  var imgs=$('.show-image li');    var navs=$('.show-nav li')

  current=++current% imgs.length;

  imgs.eq(curr).fadeIn(300).sib().fadeOut(300);

  navs.eq(curr).add('active').sib().rem('active');  }, 3000);

//手动点击

$('ul.show-nav').on('click','li',function(){

  current=$(this).index();

  var imgs=$('.show-image li');

  imgs.eq(cur).fadeIn(300).sib().fadeOut(300);

  navs.eq(curr).add('active').siblings().rem('active');

})