jquery sly picture slider extension for yii

Installs: 1 058

Dependents: 0

Suggesters: 0

Security: 0

Stars: 3

Watchers: 2

Forks: 0

Open Issues: 0

Language:JavaScript

Type:yii2-extension

1.0.0 2014-09-26 09:22 UTC

This package is not auto-updated.

Last update: 2024-11-05 06:25:18 UTC


README

This extension is a wrapper for the amazing jquery slider "sly" which can be found here:

http://darsa.in/sly/

Pls. take a closer look at all the plugin options, which can be passed over by adding them to the "clientOptions" parameter as shown below.

A demo of the extension can be found here:

http://yii2fullcalendar.beeye.org/index.php/site/sly

Installation

Add this to your composer.json require section

  "philippfrenzel/yii2sly": "*",

And finaly the view should look like this:

<?php

use yii\helpers\Url;

?>

<h1><?php echo Html::encode($this->title); ?></h1>

<?= philippfrenzel\yii2sly\yii2sly::widget([
    'id' => 'sp_slider',
    'items'=> [
        ['content' => '<img src="' . Url::to('@web/img/sportster_forty-eight_sly.jpg') . '"></img>'],
        ['content' => '<img src="' . Url::to('@web/img/softtail_heritage-classic_sly.jpg') . '"></img>'],
        ['content' => '<img src="' . Url::to('@web/img/dyna_wide-glide_sly.jpg') . '"></img>'],
        ['content' => '<img src="' . Url::to('@web/img/cvo_limited_sly.jpg') . '"></img>'],
        ['content' => '<img src="' . Url::to('@web/img/v-rod_muscle_sly.jpg') . '"></img>']
    ],
    'options' => [
        'style' => "height:400px;"
    ],
    'clientOptions' => [
        'horizontal' => 1,
        'activateMiddle' => 1,
        ...
    ]
]); ?>

Currently it cause issues with having multiple sly's on one page, but we know this issue and are working on it.