2017 © Pedro Peláez
 

package yii2-lightboxedimage

Yii2 widget to create lightboxed images

image

d1soft/yii2-lightboxedimage

Yii2 widget to create lightboxed images

  • Friday, May 11, 2018
  • by d1soft
  • Repository
  • 0 Watchers
  • 0 Stars
  • 0 Installations
  • JavaScript
  • 0 Dependents
  • 0 Suggesters
  • 0 Forks
  • 0 Open issues
  • 1 Versions
  • 0 % Grown

The README.md

yii2-lightboxedimage

Yii2 framework widget for lightboxed images.
It extension is wrapper for javascript lightbox coded by Lokesh Dakar, (*1)

yii2-lightboxedimage, (*2)

Installation

The preferred way to install is through composer., (*3)

Either run, (*4)

php composer.phar require --prefer-dist d1soft/yii2-lightboxedimage "*"

or add, (*5)

"d1soft/yii2-lightboxedimage": "*"

to the require section of your composer.json file., (*6)

Usage

View

    <?= LiteboxedImage::widget([
        'options' => [
            'src' => '/path/to/image.jpg',
            'lightboxId' => 'lightBox',
            'lightboxClass' => 'lightBoxClass',
            'lightboxStyle' => 'max-height: 350px',
            'imageId' => 'imageId',
            'imageClass' => 'imageClass',
            'imageStyle' => 'max-width: 250px',
            'title' => 'Image title',
            'alt' => 'Some image',
         ], 
         'clientOptions' => [
            'resizeDuration' => 200,
            'wrapAround' => true
         ]
    ]); ?>

Widget options

src

Image source path, (*7)

alt

default: ''
Alternate image specified text, (*8)

title

default: ''
Title image in lightbox, (*9)

lightboxid

Lightbox id, (*10)

lightboxClass

default: ''
Lightbox class, (*11)

lightboxStyle

default: ''
Lightbox inline styles, (*12)

imageId

default: ''
Image container id, (*13)

imageClass

default: ''
Image container class, (*14)

imageStyle

default: ''
Image container inline style, (*15)

Client options

Client options you can see here, (*16)

The Versions

11/05 2018

dev-master

9999999-dev

Yii2 widget to create lightboxed images

  Sources   Download

BSD-3-Clause

by Mark Ermolaev