jucksearm/yii2-sly-slider

Yii2 扩展是 jQuery 滑块 'sly' 的包装器 http://darsa.in/sly/

维护者

详细信息

github.com/jucksearm/yii2-sly-slider

源代码

问题

安装: 700

依赖关系: 0

建议者: 0

安全: 0

星标: 1

关注者: 2

分支: 3

开放问题: 0

类型:yii2-extension

1.0.1 2017-01-31 05:14 UTC

Requires

MIT License f6e7fe9cc361098b410b2c5a718a23014109bbd9

  • Jucksearm Boonmor <jucksearm.bkk.woop@gmail.com>

jqueryslyslideryii2image slide

This package is not auto-updated.

Last update: 2024-09-14 19:09:34 UTC

README

JavaScript Sly 可以在这里找到： http://darsa.in/sly/ 仅支持水平方向

安装

通过 composer 安装

  composer require "jucksearm/yii2-sly-slider"

或者将以下内容添加到你的 composer.json 的 require 部分

  "jucksearm/yii2-sly-slider": "*",

通过 zip 文件安装

下载文件 https://github.com/jucksearm/yii2-sly-slider/archive/master.zip

将文件解压到 vendor 文件夹中

   vendor
   |- jucksearm
     |- yii2-sly-slider
       | ......

使用方法

此扩展是为小部件设计的，你可以在任何地方调用它。示例代码在此

<?php echo jucksearm\sly\Sly::widget([
    'id' => 'slider',                           ** unique id
    'items'=> [
        ['content' => '<img src=""></img>'],    ** insert images
        ['content' => '<div>test</div>'],       ** insert html DOM
        ...
    ],
    'htmlOptions' => [
        'style' => 'height:200px;',             ** custom options
        'class' => 'slider-h',
        ...
    ],
    'widgetOptions' => [
        'itemNav' => 'basic',                   ** setting widgets
        ...
    ]
]); ?>

示例

你可以将示例代码复制到 example.php，然后在某个控制器中渲染到视图中。

选项

所有可用的 yii2sly 小部件选项的详细描述。