收藏下一个jquery 的 图片滚动 代码插件---jcarousellite

另外有个库 最近用 的 也不错
http://sorgalla.com/jcarousel/
这个网站上有很多例子=========================
经常要用到图片的滚动。。。。今天找了下 原来jquery已经有这样的代码库了 怎能不收藏下来呢
使用方法上面写的很详细了。。
------------------------------------------------------------------------------------------------------------------------
1.src这些原始代码库咯

<script type="text/javascript" src="path/to/jquery.js"></script>
<script type="text/javascript" src="path/to/jcarousellite.js"></script>

<!-- Optional -->
<script type="text/javascript" src="path/to/easing.js"></script>
<script type="text/javascript" src="path/to/mousewheel.js"></script>

 

2.这里的prev 和next class 我们可以自己写,当然也可以不用他的button 可以自己定义吧?我感觉 虽然没有试过

<button class="prev"><<</button>
<button class="next">>></button>
        
<div class="anyClass">
    <ul>
        <li><img src="someimage" alt="" width="100" height="100" ></li>
        <li><img src="someimage" alt="" width="100" height="100" ></li>
        <li><img src="someimage" alt="" width="100" height="100" ></li>
        <li><img src="someimage" alt="" width="100" height="100" ></li>
    </ul>

</div>

3.别忘了在script里面 加上这段代码 就大功告成了!好牛!

$(function() {
    $(".anyClass").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev"
    });
});

地址:http://gmarwaha.com/jquery/jcarousellite/

jcarousel.zip (134.75 K, 下载次数:34, 上传时间:2011-10-09 10:55)

上一篇: 基于jquery的图片切换效果   下一篇: 基于jQuery图片平滑连续滚动插件(精)

提交疑问

回顶部