Class yii\bootstrap4\Carousel
Inheritance | yii\bootstrap4\Carousel » yii\bootstrap4\Widget » yii\base\Widget |
---|---|
Uses Traits | yii\bootstrap4\BootstrapWidgetTrait |
Carousel renders a carousel bootstrap javascript component.
For example:
echo Carousel::widget([
'items' => [
// the item contains only the image
'<img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-01.jpg"/>',
// equivalent to the above
['content' => '<img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-02.jpg"/>'],
// the item contains both the image and the caption
[
'content' => '<img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-03.jpg"/>',
'caption' => '<h4>This is title</h4><p>This is the caption text</p>',
'captionOptions' => ['class' => ['d-none', 'd-md-block']]
'options' => [...],
],
]
]);
See also https://getbootstrap.com/docs/4.2/components/carousel/.
Public Properties
Property | Type | Description | Defined By |
---|---|---|---|
$clientEvents | array | The event handlers for the underlying Bootstrap JS plugin. | yii\bootstrap4\BootstrapWidgetTrait |
$clientOptions | array | The options for the underlying Bootstrap JS plugin. | yii\bootstrap4\BootstrapWidgetTrait |
$controls | array|false | The labels for the previous and the next control buttons. | yii\bootstrap4\Carousel |
$crossfade | boolean | Animate slides with a fade transition instead of a slide. | yii\bootstrap4\Carousel |
$items | array | List of slides in the carousel. | yii\bootstrap4\Carousel |
$options | array | The HTML attributes for the widget container tag. | yii\bootstrap4\Carousel |
$showIndicators | boolean | Whether carousel indicators (
|
yii\bootstrap4\Carousel |
Public Methods
Method | Description | Defined By |
---|---|---|
getView() | yii\bootstrap4\BootstrapWidgetTrait | |
init() | Initializes the widget. | yii\bootstrap4\Carousel |
renderControls() | Renders previous and next control buttons. | yii\bootstrap4\Carousel |
renderIndicators() | Renders carousel indicators. | yii\bootstrap4\Carousel |
renderItem() | Renders a single carousel item | yii\bootstrap4\Carousel |
renderItems() | Renders carousel items as specified on $items. | yii\bootstrap4\Carousel |
run() | yii\bootstrap4\Carousel |
Protected Methods
Method | Description | Defined By |
---|---|---|
registerClientEvents() | Registers JS event handlers that are listed in $clientEvents. | yii\bootstrap4\BootstrapWidgetTrait |
registerPlugin() | Registers a specific Bootstrap plugin and the related events | yii\bootstrap4\BootstrapWidgetTrait |
Property Details
The labels for the previous and the next control buttons. If false, it means the previous and the next control buttons should not be displayed.
Animate slides with a fade transition instead of a slide. Defaults to false
List of slides in the carousel. Each array element represents a single slide with the following structure:
[
// required, slide content (HTML), such as an image tag
'content' => '<img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-01.jpg"/>',
// optional, the caption (HTML) of the slide
'caption' => '<h4>This is title</h4><p>This is the caption text</p>',
// optional the HTML attributes of the slide container
'options' => [],
]
The HTML attributes for the widget container tag.
Whether carousel indicators (
- tag with anchors to items) should be displayed or not.
Method Details
Initializes the widget.
public void init ( ) |
Renders previous and next control buttons.
public void renderControls ( ) | ||
throws | \yii\base\InvalidConfigException | if $controls is invalid. |
---|
Renders carousel indicators.
public string renderIndicators ( ) | ||
return | string | The rendering result |
---|
Renders a single carousel item
public string renderItem ( $item, $index ) | ||
$item | string|array | A single item from $items |
$index | integer | The item index as the first item should be set to |
return | string | The rendering result |
---|---|---|
throws | \yii\base\InvalidConfigException | if the item is invalid |
Renders carousel items as specified on $items.
public string renderItems ( ) | ||
return | string | The rendering result |
---|---|---|
throws | \yii\base\InvalidConfigException |
public void run ( ) | ||
throws | \yii\base\InvalidConfigException |
---|