关于一组图片展示的js写法有关问题

关于一组图片展示的js写法问题
目前看到一组手机页面端图片展示效果，就是当前只默认展示一张，点击后在当前页新弹出个层展示图片，并支持左右滑动。
但在剥离代码的时候遇到一些问题。

网页html代码如下：

<div class="img">

   <ul class="imglist">

            <li>

            <img src="/images/list/blank.png" data-url="/big/n_v1bkuymc2mqd5fkw3b6nqq_480_240.jpg">

        </li> 

            <li>

            <img src="/images/list/blank.png" data-url="/big/n_v1bkuymc2nqd5fkylebemq_480_240.jpg">

        </li> 

            <li>

            <img src="/images/list/blank.png" data-url="/big/n_v1bkuyfvknqd5fkg5txqeq_480_240.jpg">

        </li> 

            <li>

            <img src="/images/list/blank.png" data-url="/big/n_v1bkuymc2nqd5fkttr5bda_480_240.jpg">

        </li>        

        </ul>

        <p class="imgnum">

        <i class="current"></i>/<i class="total"></i>

    </p>

  </div>

js代码如下：

var scrollImgFn;

 scrollImg();

function scrollImg() {

        var $list = $(".imglist"), $current = $(".imgnum .current"), $total = $(".imgnum .total");

        scrollImgFn = new ScrollImg($list, $current, $total);

       // $list.on("swipeLeft", "li", function() {

       //     var index = $(this).data("index");

       //     alert(index);

           // scrollImgFn.next(index, true)

      //  });

        //$list.on("swipeRight", "li", function() {

            //var index = $(this).data("index");

            //scrollImgFn.prev(index, true)

        //});

        //$(".imglist li").on("click", function() {

           // clickLog("from=fcm_esfdetail_picshow");

            //var index = $(this).data("index");

           // var dom = $("#imgTpl").html();

          //  var ary = ["bigimg-mark", "bigimg-list", "list", "current", "total"];

          //  scrollImgFn.showBigImg(index, dom, ary)

       // })

        alert('aa')

    }


   function ScrollImg(list, cur, total) {

        this.imgList = null;

        this.tnumObj = null;

        this.cnumObj = null;

        this.imgListB = null;

        this.tnumObjB = null;

        this.cnumObjB = null;

        this.totalNum = null;

        this.wrapWidth = null;

        this.bodyWidth = null;

        this.imgSrcAry = null;

        this.init(list, cur, total)//这儿有个疑问   

    }

    function init(list, cur, total){

    	

    }

    ScrollImg.prototype.init2 = function(list, cur, total) {

       // this.imgList = list || "";

       // this.cnumObj = cur || "";

       // this.tnumObj = total || "";

       // $(list).on("touchmove", function(e) {

       //     e.preventDefault()

       // });

       // this.render()

    };

  

    return ScrollImg

js 代码没有写完，在测试的时候，ScrollImg函数最后一行， this.init(list, cur, total)为什么这儿加了this，上面的alert不能执行？这个this的作用是？

再者，init函数若写为init2方式，即使上面的init不加this，alert还是不能执行，请问问题在什么地方？



------解决思路----------------------
http://www.swiper.com.cn/
------解决思路----------------------

引用:

http://www.swiper.com.cn/