README

这是用于创建简单 响应式滑块 的 yii 2 小部件。

通过 Composer 安装

将以下行添加到您的 composer.json 文件的 "require" 部分

"mrnicky/yii2-responsiveslides": "dev-master"

使用方法

echo \mrnicky\slides\ResponsiveSlides::widget([
    'template' => 'default',
    'images' => [
        Html::img('/images/1.jpg'),
        Html::img('/images/2.jpg'),
        Html::img('/images/3.jpg'),
    ],
    'clientOptions' => [
        'maxwidth' => 800,
        'auto' => true,
        'speed' => 500,
    ],
]);

有几个带有自己的 clientOptions 的视图模板。

默认

'maxwidth' => 800,
'auto' => true,
'speed' => 500,

点状

'auto' => false,
'pager' => true,
'nav' => true,
'speed' => 500,
'maxwidth' => 800,
'namespace' => 'transparent-btns',

数字

'auto' => false,
'pager' => true,
'speed' => 300,
'maxwidth' => 540

缩略图

'manualControls' => '#slider3-pager',
'maxwidth' => 540,

更多示例，请访问插件官方页面。