Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mickgeek/yii2-daslider
A content slider with delayed animations and the background parallax effect.
https://github.com/mickgeek/yii2-daslider
parallax slider yii2
Last synced: 2 months ago
JSON representation
A content slider with delayed animations and the background parallax effect.
- Host: GitHub
- URL: https://github.com/mickgeek/yii2-daslider
- Owner: mickgeek
- License: bsd-3-clause
- Created: 2014-08-16T09:02:44.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2018-02-17T21:06:47.000Z (almost 7 years ago)
- Last Synced: 2024-04-02T06:20:28.480Z (10 months ago)
- Topics: parallax, slider, yii2
- Language: CSS
- Homepage:
- Size: 13.7 KB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md
Awesome Lists containing this project
README
Delayed Animation Slider
========================Delayed Animation Slider is a simple content slider for the Yii 2 framework with animations for each slider element and the background parallax effect.
![Screenshot](https://cloud.githubusercontent.com/assets/8091481/3921610/fd69a838-23c2-11e4-8eb1-643db669bd03.gif)
[Real Demo]
Installation
------------You can install the widget using [Composer]. Just run the following command under your application folder:
```
php composer.phar require --prefer-dist mickgeek/yii2-daslider
```Usage
-----```php
use yii\helpers\Html;
use mickgeek\daslider\Widget as DaSlider;['bgincrement' => 10, 'interval' => 3000],
]); ?>
```
Widget Properties
------------------ `registerModernizr`: *boolean*, whether the [Modernizr JavaScript library] should be registered.
- `options`: *array*, the HTML attributes for the widget container tag. See [renderTagAttributes()] for details on how attributes are being rendered.
- `clientOptions`: *array*, options for the widget. The possible options:
- `current`: integer, a number of the current slide.
- `bgincrement`: integer, an increment of the background position when sliding (the parallax effect).
- `autoplay`: boolean, whether to display the slideshow.
- `interval`: integer, a duration between the transitions.License
-------This extension is released under the BSD 3-Clause License. See the bundled `LICENSE.md` for details.
[Real Demo]:http://tympanus.net/Development/ParallaxContentSlider/index2.html
[Composer]:https://getcomposer.org
[Modernizr JavaScript library]:http://modernizr.com
[renderTagAttributes()]:http://www.yiiframework.com/doc-2.0/yii-helpers-basehtml.html#renderTagAttributes()-detail