jucksearm/yii2-sly-slider

Yii2 extension is a wrapper for the jquery slider 'sly' http://darsa.in/sly/

1.0.1 2017-01-31 05:14 UTC

Requires

• yiisoft/yii2: *

MIT License

• Jucksearm Boonmor

• jquery
• sly
• slider
• yii2
• image slide

README

Javascript Sly which can be found here: http://darsa.in/sly/ Support fot horizontal only

Installation

Install via composer:

  composer require "jucksearm/yii2-sly-slider"

OR add this to your composer.json require section

  "jucksearm/yii2-sly-slider": "*",

Install via zip:

download file https://github.com/jucksearm/yii2-sly-slider/archive/master.zip

extract file to vendor folder as:

   vendor
   |- jucksearm
     |- yii2-sly-slider
       | ......

How to use

This extensions is design for widgets, You can call it every where. Example code here:

<?php echo jucksearm\sly\Sly::widget([
    'id' => 'slider',                           ** unique id
    'items'=> [
        ['content' => '<img src=""></img>'],    ** insert images
        ['content' => '<div>test</div>'],       ** insert html DOM
        ...
    ],
    'htmlOptions' => [
        'style' => 'height:200px;',             ** custom options
        'class' => 'slider-h',
        ...
    ],
    'widgetOptions' => [
        'itemNav' => 'basic',                   ** setting widgets
        ...
    ]
]); ?>

Example

You can copy example code in example.php to your view render in some controller.

Option

Detailed description of all available yii2sly widget options.