bajhoe / yii2-widget-lightbox2
Yii 2 lightbox2 widget
Installs: 191
Dependents: 0
Suggesters: 0
Security: 0
Stars: 0
Watchers: 0
Forks: 5
Type:yii2-extension
Requires
- php: >=5.4.0
- bower-asset/lightbox2: *
- yiisoft/yii2: ~2.0.10
Requires (Dev)
This package is auto-updated.
Last update: 2024-10-26 09:26:29 UTC
README
Forked from Coderius. Forking reason: neutralize script and fixing minor bugs. The Lightbox2 widget is a customized lightbox script based on Lightbox. and This widget used to overlay images on top of the current page.
Installation
The preferred way to install this extension is through composer.
Either run
php composer.phar require bajhoe/yii2-widget-lightbox2 "*"
or add
"bajhoe/yii2-widget-lightbox2" : "*"
to the require section of your application's composer.json
file.
Usage
- In view:
use coderius\lightbox2\Lightbox2; <?= coderius\lightbox2\Lightbox2::widget([ 'clientOptions' => [ 'resizeDuration' => 200, 'wrapAround' => true, ] ]); ?> <a href="<?= Yii::getAlias("@img-web-blog-posts/1/middle/pic.jpg"); ?>" data-lightbox="roadtrip" data-title="some title" data-alt="some alt"> <!-- Thumbnail picture --> <?= Html::img("@img-web-blog-posts/pic.jpg"); ?> </a> <a href="<?= Yii::getAlias("@img-web-blog-posts/10/middle/pic2.jpg"); ?>" data-lightbox="roadtrip"> <!-- Thumbnail picture --> <?= Html::img("@img-web-blog-posts/pic2.jpg"); ?> </a> <a href="<?= Yii::getAlias("@img-web-blog-posts/11/middle/pic3.jpg"); ?>" data-lightbox="roadtrip"> <!-- Thumbnail picture --> <?= Html::img("@img-web-blog-posts/pic3.jpg"); ?> </a>
You need set data-lightbox attribute to link and path to image in href attribute. If you wanna to set group images, then put identic names to data-lightbox attribute for each needed link.
*Thumbnail picture, by clicking on which opens the widget is wrapped with a link
Reference to plugin github repository that is used in this widget.