目录
当前位置: 首页 > 文档资料 > Yii2.0 开发指南 >

轮播图组件(Carousel)

优质
小牛编辑
132浏览
2023-12-01

简介

yii2 Carousel是一个基于JavaScript的图片轮播组件,使用Carousel可以快速的在网站任意位置放置一个图片轮播的效果

实例

<?php echo Carousel::widget([
    'items' => [
        // 只有图片的格式
        '<img src="http://www.yii-china.com/statics/images/b_1.jpg"/>',

        // 与上面的效果一致
        ['content' => '<img src="http://www.yii-china.com/statics/images/b_1.jpg"/>'],

        // 包含图片和字幕的格式
        [
            'content' => '<img src="http://www.yii-china.com/statics/images/b_1.jpg"/>',
            'caption' => '<h4>This is title</h4><p>This is the caption text</p>',
            //'options' => [...],       //配置对应的样式
        ],
    ]
]);
?>

在轮播幻灯片列表。每个数组元素的可配属性

[
     // 必要的,轮播的内容(HTML),比如一个图像标签
     'content' => '<img src="http://www.yii-china.com/statics/images/b_1.jpg'/>

    // 可选的,该轮播标题(HTML)
     'caption' => '<h4>This is title</h4><p>This is the caption text</p>',

     // 可选的,轮播样式
     'options' => [],
]