README

延迟动画滑动器是适用于 Yii 2 框架的简单内容滑动器，为每个滑动元素提供动画和背景视差效果。

真实演示

安装

您可以使用 Composer 安装小部件。只需在应用程序文件夹下运行以下命令

php composer.phar require --prefer-dist mickgeek/yii2-daslider

使用方法

use yii\helpers\Html;
use mickgeek\daslider\Widget as DaSlider;

<?php DaSlider::begin([
    'clientOptions' => ['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>
<?php DaSlider::end(); ?>

小部件属性

• registerModernizr: 布尔值，是否注册 Modernizr JavaScript 库。

• options: 数组，小部件容器的 HTML 属性。有关属性如何渲染的详细信息，请参阅 renderTagAttributes()。

• clientOptions: 数组，小部件的选项。可能的选项有

  • current: 整数，当前幻灯片的编号。
  • bgincrement: 整数，滑动时背景位置的增量（视差效果）。
  • autoplay: 布尔值，是否显示幻灯片。
  • interval: 整数，过渡之间的持续时间。

许可证

此扩展程序根据 BSD 3-Clause 许可证发布。有关详细信息，请参阅捆绑的 LICENSE.md 文件。