轮播组件

AUI提供了功能强大的轮播组件,用户可以自由扩展,设置分页器样式,控制滑动速度,设置是否循环等,同时支持无缝循环播放,单页面多个轮播调用。

参数说明:

container  容器

width   宽度

height  高度

speed  滑动速度

pageShow  是否显示分页器

pageStyle  分页页样式,dot、line两种类型

loop  是否循环

dotPosition  当分页页样式为dot时控制分页器位置,left、center、right

currentPage  回调方法,获取当前页

var slide = new auiSlide({
        container:document.getElementById("aui-slide"),
        // "width":300,
        "height":260,
        "speed":300,
        "pageShow":true,
        "pageStyle":'dot',
        "loop":true,
        'dotPosition':'center',
        currentPage:currentFun
    })


可以使用slide.pageCount()来获取总页数,

在v1.2.1中我们新增了利用轮播组件制作的引导页,开发者可以进行二次扩展。

案例代码


<p><br /></p>