jquery 无缝滚动插件jcarousellite使用过程中遇到的问题

jquery下面的插件jcarousellite，可以实现无缝水平、垂直滚动，还有左、右控制按钮，用法非常简单。

HTML:

< div  class ="carousel" >
     < div  class ="jCarouselLite" >
         < ul >
             < li >< img  src ="image/1.jpg"  alt =""  width ="150"  height ="118" ></ li >
             < li >< img  src ="image/2.jpg"  alt =""  width ="150"  height ="118" ></ li >
             < li >< img  src ="image/3.jpg"  alt =""  width ="150"  height ="118" ></ li >
             < li >< img  src ="image/4.jpg"  alt =""  width ="150"  height ="118" ></ li >
             < li >< img  src ="image/5.jpg"  alt =""  width ="150"  height ="118" ></ li >
             < li >< img  src ="image/6.jpg"  alt =""  width ="150"  height ="118" ></ li >
             < li >< img  src ="image/7.jpg"  alt =""  width ="150"  height ="118" ></ li >
             < li >< img  src ="image/8.jpg"  alt =""  width ="150"  height ="118" ></ li >
             < li >< img  src ="image/9.jpg"  alt =""  width ="150"  height ="118" ></ li >
             < li >< img  src ="image/10.jpg"  alt =""  width ="150"  height ="118" ></ li >
             < li >< img  src ="image/11.jpg"  alt =""  width ="150"  height ="118" ></ li >
         </ ul >
     </ div >
</ div >

 JS:

$( function() {
    $(".carousel .jCarouselLite").jCarouselLite({
        speed: 500,
        easing: "easeinout",
        auto:2000,
        visible: 5
    }); 
});

样式都不用设置，都能看到效果。

上面的js部份是我在网上找到的，直接放到我的程序却遇到一个问题，怎么也动不起来，试了多种方法也不行，但下载的例子却正常。

仔细看了以下，例子中使用的是jquery1.2.3，我用的是jquery1.4.2，想着可能是对高版本的不兼容造成的。于是又去官网看了一下jcarousellite的使用说明，发现了问题所在。

easing      string 缓冲效果名称,如：easing: "bounceout",需要jquery中的easing pluin（缓冲插件实现）,只适用于jq1.2

easing这个参数只适用于jquery1.2版本，去掉这个参数后，在jquery1.4.2下面使用正常。

转载于:https://www.cnblogs.com/chendaoyin/archive/2013/04/14/3019854.html