simplator / yii2-fancybox
fancyBox is a tool that offers a nice and elegant way to add zooming functionality for images, html content and multi-media on your webpages.
Installs: 124
Dependents: 0
Suggesters: 0
Security: 0
Stars: 0
Watchers: 1
Forks: 33
Type:yii2-extension
Requires
- php: >=5.4.0
- bower-asset/fancybox: @stable
- bower-asset/jquery-mousewheel: ~3.1.3
- yiisoft/yii2: *
This package is not auto-updated.
Last update: 2018-07-27 15:51:43 UTC
README
fancyBox is a tool that offers a nice and elegant way to add zooming functionality for images, html content and multi-media on your webpages. http://fancyapps.com/fancybox/
Installation
The preferred way to install this extension is through composer.
Either run
php composer.phar require --prefer-dist newerton/yii2-fancybox "dev-master"
or add
"simplator/yii2-fancybox": "dev-master"
to the require section of your composer.json
file.
Usage
Once the extension is installed, simply use it in your code by :
<?php echo newerton\fancybox\FancyBox::widget([ 'target' => 'a[rel=fancybox]', 'helpers' => true, 'mouse' => true, 'config' => [ 'maxWidth' => '90%', 'maxHeight' => '90%', 'playSpeed' => 7000, 'padding' => 0, 'fitToView' => false, 'width' => '70%', 'height' => '70%', 'autoSize' => false, 'closeClick' => false, 'openEffect' => 'elastic', 'closeEffect' => 'elastic', 'prevEffect' => 'elastic', 'nextEffect' => 'elastic', 'closeBtn' => false, 'openOpacity' => true, 'helpers' => [ 'title' => ['type' => 'float'], 'buttons' => [], 'thumbs' => ['width' => 68, 'height' => 50], 'overlay' => [ 'css' => [ 'background' => 'rgba(0, 0, 0, 0.8)' ] ] ], ] ]); echo Html::a(Html::img('/folder/thumb.jpg'), '/folder/imagem.jpg', ['rel' => 'fancybox']); ?>
Hint: Do not forget to declare the Html class at the top of the file.
use yii\helpers\Html;