js横向轮播图问题求助

Question

这不是我想要的 我想要的是 前面的都跑到最后一张图片的后面来 我不知道怎么去判断是不是最后一个图片 我只给右边的 下一个按钮加了一个事件 但是没有思路 求给个思路。

$(function() {

        var next = $('#next'),

            back = $('#back'),

            ul = $('.wrap ul'),

            imgW = $('img:first').width(),

            imgs = $('img');

            // imgs.each(function(i) {

            //     this.index = i;

            // })

            next.bind('click',function() {

                var ulLeft = parseInt(ul.css('left'));

                ul.css({

                    'left' : -(imgW + -ulLeft) + 'px'

                })

            })

    })

Answer 1

给你的每个图片加一个 data-index 属性表示它是第几张图片[0,1,2,3...]表示，maxCount表示共有多少图片然后Js获取当前为第几张图片，假如是第五张current=4：var current = parseInt($Pic.attr('data-index'));if((current + 1) >= maxCount) {             nextIndex = 0;         } else {             nextIndex = current + 1;         }