2017 © Pedro Peláez
 

yii2-extension yii2-daslider

A content slider with delayed animations and the background parallax effect.

image

mickgeek/yii2-daslider

A content slider with delayed animations and the background parallax effect.

  • Saturday, February 17, 2018
  • by mickgeek
  • Repository
  • 1 Watchers
  • 3 Stars
  • 326 Installations
  • CSS
  • 0 Dependents
  • 0 Suggesters
  • 1 Forks
  • 0 Open issues
  • 2 Versions
  • 1 % Grown

The README.md

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)

Screenshot, (*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>

Widget Properties

  • 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)

The Versions

17/02 2018

dev-master

9999999-dev https://github.com/mickgeek/yii2-daslider

A content slider with delayed animations and the background parallax effect.

  Sources   Download

BSD-3-Clause BSD 3-Clause

The Requires

 

by Oleg Belostotsky

extension yii2 widget slider parallax

16/08 2014

1.0.0

1.0.0.0 https://github.com/mickgeek/yii2-daslider

Content slider with delayed animations and background parallax effect.

  Sources   Download

BSD 3-Clause

The Requires

 

extension yii2 widget slider parallax