shuvaevsb/yii2-responsiveslides

简单且轻量级的响应式滑块插件小部件

安装: 47

依赖项: 0

建议者: 0

安全: 0

类型:yii2-extension

dev-master 2015-07-24 10:38 UTC

This package is not auto-updated.

Last update: 2024-10-02 10:17:18 UTC


README

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

通过Composer安装

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

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

使用

<?php echo \shuvaevsb\slides\ResponsiveSlides::widget([
    'template' => 'default',
    'container' => 'full-slider',
    'images' => $images,
    'clientOptions' => [
        'auto' =>  false,
        'speed' =>  500,
        'timeout' =>  4000,
        'pager' =>  true,
        'nav' =>  true,
        'random' =>  false,
        'pause' =>  false,
        'pauseControls' => true,
        'prevText' => "",
        'nextText' => "",
        'maxwidth' => "",
        'navContainer' => "",
        'manualControls' => "",
        'namespace' =>  "full-slider",
    ],
]); ?>

有几个视图模板,每个都有自己的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,

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