shuvaevsb / yii2-responsiveslides
简单且轻量级的响应式滑块插件小部件
dev-master
2015-07-24 10:38 UTC
Requires
- bower-asset/responsiveslides: @stable
This package is not auto-updated.
Last update: 2024-10-02 10:17:18 UTC
README
这是yii 2小部件,用于创建简单的响应式滑块。
通过Composer安装
将以下行添加到您的composer.json文件中的"require"部分
"shuvaevsb/yii2-responsiveslides": "dev-master"
使用
<?php echo \shuvaevsb\slides\ResponsiveSlides::widget([
'template' => 'default',
'container' => 'full-slider',
'images' => $images,
'clientOptions' => [
'auto' => false,
'speed' => 500,
'timeout' => 4000,
'pager' => true,
'nav' => true,
'random' => false,
'pause' => false,
'pauseControls' => true,
'prevText' => "",
'nextText' => "",
'maxwidth' => "",
'navContainer' => "",
'manualControls' => "",
'namespace' => "full-slider",
],
]); ?>
有几个视图模板,每个都有自己的clientOptions。
默认
'maxwidth' => 800,
'auto' => true,
'speed' => 500,
点
'auto' => false,
'pager' => true,
'nav' => true,
'speed' => 500,
'maxwidth' => 800,
'namespace' => 'transparent-btns',
数字
'auto' => false,
'pager' => true,
'speed' => 300,
'maxwidth' => 540
缩略图
'manualControls' => '#slider3-pager',
'maxwidth' => 540,
更多示例,请访问插件官方页面。