jquery实现左图右文的点击滑动轮播

  一般只是由图片和按钮组成的简单轮播图，用数组比较简单合适，但若碰到左图右文的轮播结构，数组很明显就不合适了。在这里重新为大家介绍一种方法：
结构如下：
用一个class名为img的ul包裹着所需要的li，li中则设置好左图右文的结构
jquery代码如下：
        $(function() {
             var i =0;         //------计数器
             vartimer;         //------计时器
             //复制第一个li
             var firstLi= $('.img li').first().clone();
            //将第一个li放到最后个li后，设置ul的宽度为图片张数*图片宽度
            $('.img').append(firstLi).width($('.img li').length * ($('.imgli').width()));
             //下一个按钮
            $('.next').click(function() {
                i++;
                if(i ==$('.img li').length) {
                   i = 1;//这里不是i=0
                  $('.img').css({
                      left:0
                   });//保证无缝轮播，设置left值
                };
               $('.img').stop().animate({
                   left: -i *1200
                },300);
             })
             //上一个按钮
            $('.prev').click(function() {
                i--;
                if(i == -1){
                   i = $('.imgli').length - 2;
                  $('.img').css({
                      left:-($('.img li').length - 1) * 1200
                   });
                }
               $('.img').stop().animate({
                   left: -i *1200
                },300);
             })
         })