- Lightbox widget based on Lightbox2 extension http://lokeshdhakar.com/projects/lightbox2/
Installation
The preferred way to install this extension is through composer., (*1)
Either run, (*2)
php composer.phar require --prefer-dist ramzyvirani/yii2-lightbox "*"
or add, (*3)
"ramzyvirani/yii2-lightbox": "*"
to the require section of your composer.json., (*4)
Usage
Once the extension is installed, simply add widget to your page as follows:, (*5)
echo Lightbox::widget([
'files' => [
[
'thumb' => 'url/to/thumb.ext',
'original' => 'url/to/original.ext',
'title' => 'optional title',
],
]
]);
To add html options you can use below syntax, (*6)
echo Lightbox::widget([
'files' => [
[
'thumb' => [
'src'=>'url/to/thumb.ext',
'htmlOptions' => ['class'=>'col-md-12', 'alt'=>'Alternate Text'] // These options will be applied to Image tag.
],
'original' => [
'src' => 'url/to/original.ext',
]
'title' => 'optional title',
],
]
]);