ckarjun/yii2-owl-carousel

A Yii2 wrapper for owl carousel

Installs: 3 842

Dependents: 0

Suggesters: 0

Security: 0

Stars: 1

Watchers: 2

Forks: 4

Open Issues: 0

Language:JavaScript

Type:yii2-extension

v1.0.1 2016-08-15 14:23 UTC

This package is not auto-updated.

Last update: 2024-04-27 17:03:51 UTC


README

The OwlCarouselWidget is a Yii2 wrapper for the [Owl Carousel] (http://owlgraphic.com/owlcarousel/)

Installation

The preferred way to install this extension is through composer.

Either run

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

or add

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

to the require section of your composer.json file.

Usage

Once the extension is installed, simply use it in your code by :

use ckarjun\owlcarousel\OwlCarouselWidget;

OwlCarouselWidget::begin([
    'container' => 'div',
    'containerOptions' => [
        'id' => 'my-container-id',
        'class' => 'my-container-class'
    ],
    'pluginOptions' => [
        'autoPlay' => 3000,
        'items' => 4,
        'itemsDesktop' => [1199,3],
        'itemsDesktopSmall' => [979,3]
    ]
]);

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


OwlCarouselWidget::end();