Ext.data.JsonP.Carousel({"tagname":"class","name":"Carousel","autodetected":{},"files":[{"filename":"ipu.js","href":"ipu.html#Carousel"}],"deprecated":{"text":"

推荐使用 HammerCarousel\n简单封装IScroll.js的snap功能，实现banner功能

\n\n
<!-- 组件html结构如下，li里内容可自定义 -->\n        <div class=\"ipu-carousel ipu-hammer-carousel\">\n            <ul class=\"ipu-carousel-wrapper\">\n                <li ><img src=\"../../biz/img/01.jpg\" alt=\"\"></li>\n                <li ><img src=\"../../biz/img/02.jpg\" alt=\"\"></li>\n                <li ><img src=\"../../biz/img/03.jpg\" alt=\"\"></li>\n                <li ><img src=\"../../biz/img/04.jpg\" alt=\"\"></li>\n            </ul>\n        </div>\n
\n"},"uses":["IScroll.js"],"members":[{"name":"defaultOption","tagname":"cfg","owner":"Carousel","id":"cfg-defaultOption","meta":{}},{"name":"constructor","tagname":"method","owner":"Carousel","id":"method-constructor","meta":{}},{"name":"next","tagname":"method","owner":"Carousel","id":"method-next","meta":{}},{"name":"play","tagname":"method","owner":"Carousel","id":"method-play","meta":{}},{"name":"prev","tagname":"method","owner":"Carousel","id":"method-prev","meta":{}},{"name":"refresh","tagname":"method","owner":"Carousel","id":"method-refresh","meta":{}},{"name":"show","tagname":"method","owner":"Carousel","id":"method-show","meta":{}},{"name":"stop","tagname":"method","owner":"Carousel","id":"method-stop","meta":{}}],"alternateClassNames":[],"aliases":{},"id":"class-Carousel","short_doc":" ...","component":false,"superclasses":[],"subclasses":[],"mixedInto":[],"mixins":[],"parentMixins":[],"requires":[],"html":"
Uses
IScroll.js
Files
ipu.js
\n
\n

This class has been deprected

\n

推荐使用 HammerCarousel\n简单封装IScroll.js的snap功能，实现banner功能

\n\n
<!-- 组件html结构如下，li里内容可自定义 -->\n        <div class=\"ipu-carousel ipu-hammer-carousel\">\n            <ul class=\"ipu-carousel-wrapper\">\n                <li ><img src=\"../../biz/img/01.jpg\" alt=\"\"></li>\n                <li ><img src=\"../../biz/img/02.jpg\" alt=\"\"></li>\n                <li ><img src=\"../../biz/img/03.jpg\" alt=\"\"></li>\n                <li ><img src=\"../../biz/img/04.jpg\" alt=\"\"></li>\n            </ul>\n        </div>\n
\n\n
\n
Defined By

Config options

Carousel
view source
: Object
组件默认配置项 ...

组件默认配置项

\n

Defaults to: {index: null, autoPlay: false, duration: 3000, indicator: false, callBack: null}

  • index : Number

    默认显示的项

    \n
  • autoPlay : Boolean

    是否自动播放

    \n
  • duration : Number

    自动播放间隔，单位ms

    \n
  • indicator : Boolean

    是否生成指示器

    \n
  • callBack : Function

    切换显示时的回调函数

    \n

    Parameters

    • index : Number

      当前显示项索引

      \n
Defined By

Methods

Carousel
view source
new( slt, option ) : Carousel
不能直接访问该类，使用ipu.carousel(slt, option)生成实例 ipu.carousel ...

不能直接访问该类，使用ipu.carousel(slt, option)生成实例 ipu.carousel

\n

Parameters

  • slt : Dom|JqueryObj|String

    jquery对象或者jquery选择器或Dom元素

    \n
  • option : Object

    组件配置参数，默认配置见 defaultOption

    \n

Returns

Carousel
view source
( )
显示下一项 ...

显示下一项

\n
Carousel
view source
( )
开始自动播放 ...

开始自动播放

\n
Carousel
view source
( )
显示上一项 ...

显示上一项

\n
Carousel
view source
( )
若窗口发生大小变更，调用此方法更新位移 ...

若窗口发生大小变更，调用此方法更新位移

\n
Carousel
view source
( index )
显示索引index对应的索 ...

显示索引index对应的索

\n

Parameters

  • index : Number

    显示项索引

    \n
Carousel
view source
( )
停止自动播放 ...

停止自动播放

\n
","meta":{"deprecated":{"text":"

推荐使用 HammerCarousel\n简单封装IScroll.js的snap功能，实现banner功能

\n\n
<!-- 组件html结构如下，li里内容可自定义 -->\n        <div class=\"ipu-carousel ipu-hammer-carousel\">\n            <ul class=\"ipu-carousel-wrapper\">\n                <li ><img src=\"../../biz/img/01.jpg\" alt=\"\"></li>\n                <li ><img src=\"../../biz/img/02.jpg\" alt=\"\"></li>\n                <li ><img src=\"../../biz/img/03.jpg\" alt=\"\"></li>\n                <li ><img src=\"../../biz/img/04.jpg\" alt=\"\"></li>\n            </ul>\n        </div>\n
\n"}}});