jQuery支持移动端轮播图插件swipeslider.js

查看演示立即下载

插件描述：支持移动端手势滑动的jQuery幻灯片插件swipeslider.js

使用方法

引用以下文件

<link rel="stylesheet" type="text/css" href="dist/swipeslider.css">
<script src="/"></script>
<script type="text/javascript" src="dist/swipeslider.min.js"></script>

html

<figure id="full_feature" class="swipslider">
    <ul class="sw-slides">
        <li class="sw-slide">
            <img src="img/summer_beach.jpg" alt="Summer beach concept">
        </li>
        <li class="sw-slide">
            <img src="img/lang_yie_ar_kung_fu.jpg" alt="Lang from Yie Ar Kung Fu">
        </li>
        <li class="sw-slide">
            <img src="img/tiny_vacation.jpg" alt="Tiny Tina">
        </li>
        <li class="sw-slide">
            <img src="img/borderlands_tiny_tina.jpg" alt="Tiny Tina from Borderlands 2">
        </li>
        <li class="sw-slide">
            <img src="img/redhead.jpg" alt="Redhead girl">
        </li>
    </ul>
</figure>

<script type="text/javascript">
    $(window).load(function() {
         $('#full_feature').swipeslider();
    }
</script>

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效： jQuery手机端联动滑动选择插件mobile selector
下一个特效： zyupload图片上传修改版