jquery实现走马灯特效(扑克牌切换效果）

话不多说，先上大致效果：

本着程序员的开源精神，代码奉上：

html代码：

<div class="main-box">
    <div class="poker_box">
      <div class="pokerCaroursel poker-content" data-setting='{
        "width":1094,
        "height":338,
        "pokerWidth":488,
        "pokerHeight":338,
        "scale":0.85,
        "speed": 500,
        "autoPlay":true,
        "delay":2000,
        "verticalAlign":"middle"
                }'>
        <!-- 向左按钮 -->
        <div class="poker-btn poker-prev-btn"></div>
        <ul class="poker-list">
          <!-- 图片张数最好是基数，这样呈现的画面才好看 -->
          <li class="poker-item poker-rad">
              <div class="item">
                <a href="#"><img class="tabImg" src="images/01.jpg"></a> 
                <span class="poker-item-title">图一</span>
              </div>
          </li>
          <li class="poker-item poker-rad">
              <div class="item">
                <a href="#"><img class="tabImg" src="images/02.jpg"></a>
                <span class="poker-item-title">图二</span> 
              </div>
          </li>
          <li class="poker-item poker-rad">
            <div class="item">
              <a href="#"><img class="tabImg" src="images/03.jpg"></a>
              <span class="poker-item-title">图三</span>
            </div>
          </li>
        </ul>
        <!-- 向右按钮 -->
        <div class="poker-btn poker-next-btn"></div>
      </div>
    </div>
  </div>

注意：

1. 类名不要随意更改（否则插件里面的也要更改），替换图片地址即可。
2. data-setting属性记得按照以上格式设置，不然可能报错

script代码:

<script src="jquery.js"></script>
<script src="jquery.pokerCarousel.js"></script>
<script>
pokerCaroursel.init($('.pokerCaroursel'))
</script>	

注意：
要记得先引入jquery.js文件（可去官网下载：https://jquery.com/download/），再引入jquery.pokerCarousel.js文件

jquery.pokerCarousel.js文件完整代码：

var MIDDLE_PIC_POS = 1

//计算如何用最短的距离移动到目标
//由于有两种移动方式,向左边移动或者像右边移动,只需要在这两种方式中选择一个小的就行了

;(function($){
    var pokerCaroursel = function (caroursel){
        var self = this;
        this.caroursel = caroursel;
        this.pokerList = caroursel.find(".poker-list");
        this.pokerItems = caroursel.find(".poke