All Projects → yii2mod → Yii2 Bx Slider

yii2mod / Yii2 Bx Slider

Licence: mit
bx-slider.js wrapper for yii2.

Projects that are alternatives of or similar to Yii2 Bx Slider

yii2-firebird
Firebird connector for Yii2 framework
Stars: ✭ 23 (+109.09%)
Mutual labels:  yii2, yii2-extension
Yii2 Google Maps Markers
Google Maps Markers Widget for Yii2
Stars: ✭ 16 (+45.45%)
Mutual labels:  yii2, yii2-extension
yii2-jwt-user
JWT (JSON Web Token) User component for Yii 2
Stars: ✭ 16 (+45.45%)
Mutual labels:  yii2, yii2-extension
yii2-telegram
Support chat for site based on Telegram bot
Stars: ✭ 49 (+345.45%)
Mutual labels:  yii2, yii2-extension
Yii2 Slack Log
Pretty Slack log target for Yii 2
Stars: ✭ 24 (+118.18%)
Mutual labels:  yii2, yii2-extension
yii2-star-rating
Star rating widget based on jQuery Raty
Stars: ✭ 16 (+45.45%)
Mutual labels:  yii2, yii2-extension
collection
Basic collection library for Yii Framework 2.0
Stars: ✭ 29 (+163.64%)
Mutual labels:  yii2, yii2-extension
ar-dynattribute
Provide ActiveRecord dynamic attributes stored into the single field in serialized state
Stars: ✭ 43 (+290.91%)
Mutual labels:  yii2, yii2-extension
Yii2 Helpers
Collection of useful helper functions for Yii Framework 2.0
Stars: ✭ 16 (+45.45%)
Mutual labels:  yii2, yii2-extension
Yii2 Gentelella
Free admin template for backend
Stars: ✭ 266 (+2318.18%)
Mutual labels:  yii2, yii2-extension
yii2-merit
Reputation engine for Yii2 用于实现积分,等级功能的设计
Stars: ✭ 16 (+45.45%)
Mutual labels:  yii2, yii2-extension
Yii2 C3 Chart
Yii2 wrapper for D3-based reusable chart library
Stars: ✭ 9 (-18.18%)
Mutual labels:  yii2, yii2-extension
filedb
ActiveRecord for static data definitions based on files
Stars: ✭ 72 (+554.55%)
Mutual labels:  yii2, yii2-extension
yii2-facades
Facades for Yii 2
Stars: ✭ 21 (+90.91%)
Mutual labels:  yii2, yii2-extension
yii2-tinymce
Yii2 extension, tinymce wysiwyg editor
Stars: ✭ 16 (+45.45%)
Mutual labels:  yii2, yii2-extension
yii2-blog
Simple, configurable blog module for Yii2 (post, comment, nested category, tags). + frontend, backend. + SEO! (Opengraph, Schema.org) ~~~COMING SOON V2.0~~~ Please STAR this repo
Stars: ✭ 79 (+618.18%)
Mutual labels:  yii2, yii2-extension
yii2-behaviors
Collection of useful behaviors for Yii Framework 2.0
Stars: ✭ 25 (+127.27%)
Mutual labels:  yii2, yii2-extension
yii2-ledap
yii2 for ledap
Stars: ✭ 20 (+81.82%)
Mutual labels:  yii2, yii2-extension
yii2-queuemanager
Yii2 Queue Manager (Analytic & Monitor)
Stars: ✭ 18 (+63.64%)
Mutual labels:  yii2, yii2-extension
Yii2 Selectize
selectize.js wrapper for yii2.
Stars: ✭ 18 (+63.64%)
Mutual labels:  yii2, yii2-extension

Bx Slider Widget for Yii 2

Widget based on BxSlider extension

Latest Stable Version Total Downloads License

Installation

The preferred way to install this extension is through composer.

Either run

php composer.phar require --prefer-dist yii2mod/yii2-bx-slider "*"

or add

"yii2mod/yii2-bx-slider": "*"

to the require section of your composer.json.

Usage

Once the extension is installed, simply add widget to your page as follows:

// Video items
$items = [
   '<iframe src="https://www.youtube.com/embed/ES__vbRnN-A" frameborder="0"></iframe>',
   '<iframe src="https://www.youtube.com/embed/Ez_LIuE96-A" frameborder="0"></iframe>'
 ];
 
// Or image items
$items = [
   '<img src="/imagepath/imagename.jpg" alt="" title="Your image title">',
];
 
 echo yii2mod\bxslider\BxSlider::widget([
    'pluginOptions' => [
        'maxSlides' => 1,
        'controls' => false,
         // set video property to true, if in $items array exist videos
        'video' => true,
        'slideWidth' => 400,
         // usage events
        'onSliderLoad' => new yii\web\JsExpression('
            function() {
                alert("Slider load");
            },
        ')
     ],
    'items' => $items 
 ]); 

Slider Options

You can find them on the options page

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].