shuvaevsb/yii2-responsiveslides

Simple & lightweight responsive slider plugin widget

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

Requires

• bower-asset/responsiveslides: @stable

MIT

• Shuvaev Sergei

• extension
• responsive
• yii2
• js-carousel

README

The yii 2 widget to create simple responsive slider.

Installation via Composer

Add this line to "require" section of your composer.json file:

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

Using

<?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",
    ],
]); ?>

There are a few templates of view with own clientOptions.

default

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

dots

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

numbers

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

thumbnail

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

For more examples, visit the Official page of plugin.