README

简单的滑块小部件

安装

安装此扩展的首选方式是通过 composer.

运行以下命令之一：

php composer.phar require --prefer-dist webcreator/yii2-revslider "*"

或者

"webcreator/yii2-revslider": "*"

将以下内容添加到您的 composer.json 文件的 require 部分。

使用方法

安装扩展后，只需在代码中使用它即可

在此小部件中，您可以使用许多参数。以下是在每个幻灯片中包含4个部分的3个幻灯片的代码

<?php
use webcreator\revslider\Widget as Slider;
Slider::begin([
    "clientOptions" => [
        "delay" => 15000,
        "startwidth"  => 1170,
        "startheight" => 500,
        "fullWidth"   => "on",
        "fullScreen"  => "off",
        "hideCaptionAtLimit" => "",
        "dottedOverlay" => "twoxtwo",
        "navigationStyle" => "preview4",
        "fullScreenOffsetContainer" => "",
        "hideTimerBar" => "on"
    ],
    "items" => [
        [
            "id" => 1,
            "title" => "Slide title",
            "bgImg" => "path to background image",
            "bgImgTitle" => "Alt title for background image",
            "masterspeed" => 2000,
            "enabled" => 1,
            "transition" => "slidehorizontal",
            "slotamount" => 5,
            "slides" => [
                [
                    "slideNumber" => 1,
                    "options" => [
                        "img" => "path to image",
                        "imgTitle" => "Alt title for image"
                    ],
                    "data" => [
                        "hoffset" => 0,
                        "x" => 600,
                        "y" => 54,
                        "speed" => 800,
                        "start" => 1100,
                        "easing" => "Back.easeInOut",
                        "endeasing" => 300,
                        "endspeed" => 300
                    ],
                    "enabled" => 1
                ],
                [
                    "slideNumber" => 2,
                    "options" => [
                        "title" => "Title",
                        "subtitle" => "Subtitle"
                    ],
                    "data" => [
                        "hoffset" => 0,
                        "y" => 54,
                        "speed" => 800,
                        "start" => 1200,
                        "easing" => "Back.easeInOut",
                        "endspeed" => 300
                    ],
                    "enabled" => 1
                ],
                [
                    "slideNumber" => 3,
                    "options" => [
                        "title" => "Title"
                    ],
                    "data" => [
                        "hoffset" => 0,
                        "y" => 380,
                        "speed" => 800,
                        "start" => 1300,
                        "easing" => "Power4.easeInOut",
                        "endeasing" => "Power1.easeIn",
                        "captionHidden" => "off",
                        "endspeed" => 300
                    ],
                    "enabled" => 1
                ],
                [
                    "slideNumber" => 4,
                    "options" => [
                        "link" => "link to page"
                    ],
                    "data" => [
                        "hoffset" => 0,
                        "y" => 420,
                        "speed" => 800,
                        "start" => 1400,
                        "easing" => "Power4.easeInOut",
                        "endeasing" => "Power1.easeIn",
                        "captionHidden" => "off",
                        "endspeed" => 300
                    ],
                    "enabled" => 1
                ]
            ]
        ],
        [
            "id" => 2,
            "title" => "Slide title",
            "bgImg" => "path to background image",
            "bgImgTitle" => "Alt title for background image",
            "masterspeed" => 2000,
            "enabled" => 1,
            "transition" => "slidehorizontal",
            "slotamount" => 5,
            "slides" => [
                [
                    "slideNumber" => 1,
                    "options" => [
                        "img" => "path to image",
                        "imgTitle" => "Alt title for image"
                    ],
                    "data" => [
                        "x" => 0,
                        "y" => 54,
                        "speed" => 800,
                        "start" => 1100,
                        "easing" => "Back.easeInOut",
                        "endspeed" => 300
                    ],
                    "enabled" => 1
                ],
                [
                    "slideNumber" => 2,
                    "options" => [
                        "title" => "Title",
                    ],
                    "data" => [
                        "x" => 410,
                        "y" => 54,
                        "speed" => 800,
                        "start" => 1200,
                        "easing" => "Back.easeInOut",
                        "endspeed" => 300
                    ],
                    "enabled" => 1
                ],
                [
                    "slideNumber" => 3,
                    "options" => [
                        "title" => "Title",
                        "subtitle" => "Subtitle"
                    ],
                    "data" => [
                        "x" => 410,
                        "y" => 100,
                        "speed" => 800,
                        "start" => 1300,
                        "easing" => "Power4.easeInOut",
                        "endeasing" => "Power1.easeIn",
                        "captionHidden" => "off",
                        "endspeed" => 300
                    ],
                    "enabled" => 1
                ],
                [
                    "slideNumber" => 4,
                    "options" => [
                        "link" => "link to page"
                    ],
                    "data" => [
                        "x" => 860,
                        "y" => 400,
                        "speed" => 800,
                        "start" => 1400,
                        "easing" => "Power4.easeInOut",
                        "endeasing" => "Power1.easeIn",
                        "captionHidden" => "off",
                        "endspeed" => 300
                    ],
                    "enabled" => 1
                ]
            ]
        ],
        [
            "id" => 3,
            "title" => "Slide title",
            "bgImg" => "path to background image",
            "bgImgTitle" => "Alt title for background image",
            "masterspeed" => 2000,
            "enabled" => 1,
            "transition" => "slidehorizontal",
            "slotamount" => 5,
            "slides" => [
                [
                    "slideNumber" => 1,
                    "options" => [
                        "img" => "path to image",
                        "imgTitle" => "alt image title"
                    ],
                    "data" => [
                        "x" => 0,
                        "y" => 54,
                        "speed" => 800,
                        "start" => 1100,
                        "easing" => "Back.easeInOut",
                        "endspeed" => 300
                    ],
                    "enabled" => 1
                ],
                [
                    "slideNumber" => 2,
                    "options" => [
                        "title" => "Title",
                        "subtitle" => "Subtitle"
                    ],
                    "data" => [
                        "hoffset" => 0,
                        "x" => 410,
                        "y" => 54,
                        "speed" => 800,
                        "start" => 1200,
                        "easing" => "Back.easeInOut",
                        "endspeed" => 300
                    ],
                    "enabled" => 1
                ],
                [
                    "slideNumber" => 3,
                    "options" => [
                        "title" => "Title",
                    ],
                    "data" => [
                        "hoffset" => 0,
                        "x" => 410,
                        "y" => 300,
                        "speed" => 800,
                        "start" => 1300,
                        "easing" => "Power4.easeInOut",
                        "endeasing" => "Power1.easeIn",
                        "captionHidden" => "off",
                        "endspeed" => 300
                    ],
                    "enabled" => 1
                ],
                [
                    "slideNumber" => 4,
                    "options" => [
                        "link" => "link to page"
                    ],
                    "data" => [
                        "x" => 800,
                        "y" => 360,
                        "speed" => 800,
                        "start" => 1400,
                        "easing" => "Power4.easeInOut",
                        "endeasing" => "Power1.easeIn",
                        "captionHidden" => "off",
                        "endspeed" => 300
                    ],
                    "enabled" => 1
                ]
            ]
        ]
    ]
]);
Slider::end();
?>