走马灯控件

在目前的主流的网页设计风格里,不管桌面界面还是手机界面里Banner的走马灯效果非常常见。

特性

  • 可自由控制切换频率等先关参数
  • 智能适配手机和平板环境支持触摸切换
  • 支持Cola dom模板机制轻松更改内容

横向旋转

可通过属性orientation设定旋转方向;可选值如下horizontal、vertical

<c-carousel height="200">
    <div class="items-wrap">
        <div><img c-widget="image; src:/images/movies/12years-horizontal.jpg; class:centered fluid;">
        </div>
        <div><img c-widget="image; src:/images/movies/adaptation-horizontal.jpg; class:centered fluid;">
        </div>
        <div><img c-widget="image; src:/images/movies/spiderman-horizontal.jpg; class:centered fluid;">
        </div>
        <div><img c-widget="image; src:/images/movies/totoro-horizontal.jpg; class:centered fluid;">
        </div>
        <div><img c-widget="image; src:/images/movies/watchmen-horizontal.jpg; class:centered fluid;">
        </div>
    </div>
</c-carousel>