轮播组件

简介

abp-carousel是用于轮播元素的ABP标签。

基础用法：

<abp-carousel>
    <abp-carousel-item src=""></abp-carousel-item>
    <abp-carousel-item src=""></abp-carousel-item>
    <abp-carousel-item src=""></abp-carousel-item>
</abp-carousel>

演示

查看轮播演示页面以查看实际效果。

属性

id

设置轮播组件的id值。如果未设置，在创建标签时会自动生成id。

controls

启用轮播组件的控制按钮（上一页和下一页）。应为以下值之一：

• false
• true

indicators

启用轮播组件的指示器。应为以下值之一：

• false
• true

crossfade

启用淡入淡出动画效果替代滑动效果。应为以下值之一：

• false
• true

abp-carousel-item 属性

caption-title

设置轮播项标题文本。

caption

设置轮播项说明文本。

src

设置轮播项显示图片的链接地址。

active

设置当前激活的轮播项。应为以下值之一：

• false
• true

alt

设置轮播项图片无法显示时的替代文本。