andrew72ru/yii2-featherlight

noelboss/featherlight for yii-2

Yii2-featherlight

noelboss/featherlight for yii-2, _(*1)

Installation

The preferred way to install this extension is through composer., _(*2)

Either run, _(*3)

php composer.phar require --prefer-dist andrew72ru/yii2-featherlight "*"

or add, _(*4)

"andrew72ru/yii2-featherlight": "*"

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

For base usage please refer to noelboss/featherlight documentation., _(*6)

Lightbox Usage

<?= \andrew72ru\featherlight\FeatherLight::widget([
    'src' => Url::to(['small-image']), // Small image
    'url' => Url::to(['large-image']), // Large image
    'imageOptions' => ['class' => 'img-thumbnail'] // Image html options
]); ?>

Gallery Usage

 Url::to(['small-image-0']), // Small image
        'url' => Url::to(['large-image-0']), // Large image
    ],
    [
        'src' => Url::to(['small-image-1']), // Small image
        'url' => Url::to(['large-image-1']), // Large image
    ],
    [
        'src' => Url::to(['small-image-2']), // Small image
        'url' => Url::to(['large-image-2']), // Large image
    ],
    [
        'src' => Url::to(['small-image-3']), // Small image
        'url' => Url::to(['large-image-3']), // Large image
    ],
];

echo FeatherlightGallery::widget([
    'items' => $items, 
    'previewOptions' => ['class' => 'img-thumbnail'], // Small image html options
    'sectionOptions' => ['style' => 'display: block'] // Section html options
]);
?>

In gallery usage, remember to large image url end with .jpg, .png or similar., _(*7)

This is right url:, _(*8)

http://mysite.org/image?w=1024&h=1024&file=image-0.jpg

And this is wrong, _(*9)

http://mysite.org/image?file=image-0.jpg&w=1024&h=1024