elgorm/yii2-owl-carousel

用于 owl carousel 的 Yii2 小部件

安装: 4

依赖者: 0

建议者: 0

安全性: 0

星星: 0

关注者: 2

分支: 0

公开问题: 0

类型:yii2-extension

0.0.5 2020-04-06 04:11 UTC

This package is auto-updated.

Last update: 2024-09-06 13:57:28 UTC


README

用于 owl carousel 的 Yii2 小部件

安装

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

运行以下命令之一

php composer.phar require --prefer-dist elgorm/yii2-owl-carousel "*"

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

"elgorm/yii2-owl-carousel": "*"

用法

扩展安装完成后,只需在您的代码中通过以下方式使用它:

<?php
use elgorm\owlcarousel2\OwlCarouselWidget;
?>
<? OwlCarouselWidget::begin([
    'container' => 'div',
    'theme' => 'green', // green or default
    'containerOptions' => [
        'id' => 'my-container-id',
        'class' => 'my-container-class'
    ],
    'pluginOptions' => [
        ...
        'loop' => true,
        'items' => 4,
        ...
    ]
]);
?>

<div class="my-item-class"><img src="my-image-1.jpg" alt="My Image"></div>
<div class="my-item-class"><img src="my-image-2.jpg" alt="My Image"></div>
<div class="my-item-class"><img src="my-image-3.jpg" alt="My Image"></div>
<div class="my-item-class"><img src="my-image-4.jpg" alt="My Image"></div>


<? OwlCarouselWidget::end();?>