Jquery 图片轮播的插件-蒲公英云

Jquery 图片轮播的插件

前提要引入: jquery这是必然不上少的。

<script src="style/js/jquery.min.js"></script>

其次就是引入插件

<script type="text/javascript" src="style/js/responsiveslides.min.js"></script>

下载链接：http://pan.baidu.com/s/1kTgxAWR 密码：tvpf

如何使用呢：

html

<ul class="rslides">
            <li><img src="images/a1.jpg" alt=""></li>
            <li><img src="images/a2.jpg" alt=""></li>
            <li><img src="images/a3.jpg" alt=""></li>
        </ul>
$(".rslides").responsiveSlides({
            auto : true, // Boolean: 设置是否自动播放, true or false
            speed : 500, // Integer: 动画持续时间，单位毫秒
            timeout : 4000, // Integer: 图片之间切换的时间，单位毫秒
            pager : false, // Boolean: 是否显示页码, true or false
            nav : false, // Boolean: 是否显示左右导航箭头（即上翻下翻）, true or false
            random : false, // Boolean: 随机幻灯片顺序, true or false
            pause : false, // Boolean: 鼠标悬停到幻灯上则暂停, true or false
            pauseControls : true, // Boolean: 悬停在控制板上则暂停, true or false
            prevText : "上一页", // String: 往前翻按钮的显示文本
            nextText : "下一页", // String: 往后翻按钮的显示文本
            maxwidth : "", // Integer: 幻灯的最大宽度
            navContainer : "", // Selector: Where controls should be appended to, default is after the 'ul'
            manualControls : "", // Selector: 声明自定义分页导航
            namespace : "rslides", // String: 修改默认的容器名称
            before : function() {
            }, // Function: 回调之前的参数
            after : function() {
            } // Function: 回调之后的参数
        });