loveorigami/yii2-magnific-popup

This widget is wrapper for awesome jQuery plugin Magnific Popup

Yii2-magnific-popup

This widget is wrapper for awesome jQuery plugin Magnific Popup By Dmitry Semenov http://dimsemenov.com/plugins/magnific-popup/, _(*1)

Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device (for jQuery or Zepto.js)., _(*2)

Installation

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

Either run, _(*4)

$ php composer.phar require --prefer-dist loveorigami/yii2-magnific-popup "@dev"

or add, _(*5)

"loveorigami/yii2-magnific-popup": "@dev"

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

Simple usage

in view file, _(*7)

    <a href="original.jpg" title="Caption text"><img  src="/thumb_img.jpg" alt="Alt"></a>

```php use lo\widgets\magnific\MagnificPopup;, <sub>(*8)</sub>

echo MagnificPopup::widget( [ 'target' => '#mpup', 'options' => [ 'delegate'=> 'a', ] ] );, <sub>(*9)</sub>

for gallery
```html
<div class="col-md-6" id="mpup">
    <a href="original.jpg" title="Caption for first"><img  src="/thumb_img.jpg" alt="Alt"></a>
    <a href="original2.jpg" title="Caption for second"><img  src="/thumb_img2.jpg" alt="Alt"></a>
</div>

echo MagnificPopup::widget(
    [
        'target' => '#mpup',
        'options' => [
            'delegate'=> 'a',
        ],
        'effect' => 'with-zoom' //for zoom effect
    ]
);