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., (*1)
, (*2)
Real Demo, (*3)
Installation
You can install the widget using Composer. Just run the following command under your application folder:, (*4)
php composer.phar require --prefer-dist mickgeek/yii2-daslider
Usage
use yii\helpers\Html;
use mickgeek\daslider\Widget as DaSlider;
['bgincrement' => 10, 'interval' => 3000],
]); ?>
<div class="da-slide">
<h2>Opera</h2>
<p>Opera is a web browser developed by Opera Software. The latest version currently runs on Microsoft Windows and OS X operating systems and uses the Blink layout engine.</p>
<?= Html::a('Read more', '#', ['class' => 'da-link btn btn-default btn-lg']) ?>
<div class="da-img">
<?= Html::img('/img/1.png', ['alt' => 'Opera']) ?>
</div>
</div>
<div class="da-slide">
<h2>CloneDVD</h2>
<p>CloneDVD is a proprietary DVD cloning software, developed by Elaborate Bytes, that can be used to make backup copies of any DVD movie not copy-protected.</p>
<?= Html::a('Read more', '#', ['class' => 'da-link btn btn-default btn-lg']) ?>
<div class="da-img">
<?= Html::img('/img/2.png', ['alt' => 'CloneDVD']) ?>
</div>
</div>
-
registerModernizr
: boolean, whether the Modernizr JavaScript library should be registered., (*5)
-
options
: array, the HTML attributes for the widget container tag. See renderTagAttributes() for details on how attributes are being rendered., (*6)
-
clientOptions
: array, options for the widget. The possible options:, (*7)
-
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., (*8)