$(function () {
   var index = 0;
   var timer;

   /*自动轮播图片*/
   function slideImg(){
       /*鼠标移入清除定时器*/
       $('.pic').mouseenter(function () {
           clearInterval(timer);
       })
       /*鼠标移出自动更换图片*/
       $('.pic').mouseleave(function () {
           timer = setInterval(function () {
               change();
           },500)
       })
   }


   //图片切换的函数
   function change() {
       //排他，给自己加上类，其他图片删除类
       $('.pic').eq(index)
           .addClass('show')
           .siblings()
           .removeClass('show')
       index++;

       //如果按方向键的次数大于图片的数量就让它重头轮播，小于就让它返回最后一张
       if (index >= $(".pic").length) {
           index = 0;
       } else if (index < 0) {
           index = $('.pic').length - 1;
       }
   }
   
   slideImg();
})