Magnific Popup is a responsive jQuery lightbox plugin that is focused on performance.


Magnific Popup is a responsive jQuery lightbox plugin that is focused on performance and providing best experience for user with any device (Zepto.js compatible).

Donation: Pagseguro, PayPal




<a class="test-popup-link" href="">Open popup</a>
$this->widget("ext.magnific-popup.EMagnificPopup", array('target' => '.test-popup-link'));


<a href="" id="video">YouTube</a>
$this->widget("ext.magnific-popup.EMagnificPopup", array(
'target' => '#video',
'type' => 'iframe',

Gallery - One link:

<a class="test-galery-link" href=""><img src="" width="75" height="75" /></a>
$this->widget("ext.magnific-popup.EMagnificPopup", array(
    'target' => '.test-galery-link',
    'options' => array(
        'gallery' => array(
            'enabled' => true,
        'items' => array(
            array('src' => ''),
            array('src' => ''),
            array('src' => ''),
            array('src' => ''),
            array('src' => ''),

Galley - Multiple links:

$this->beginWidget("ext.magnific-popup.EGalleryMagnificPopup", array(
    'galleryOptions' => array(
        'preload' => array(0, 3)
<a href="" title="The Cleaner"><img src="" width="75" height="75" /></a>
<a href="" title="Winter Dance"><img src="" width="75" height="75" /></a>
<a href="" title="The Uninvited Guest"><img src="" width="75" height="75" /></a>
<a href="" title="Oh no, not again!"><img src="" width="75" height="75" /></a>
<a href="" title="Swan Lake"><img src="" width="75" height="75" /></a>
<a href="" title="The Shake"><img src="" width="75" height="75" /></a>
<a href="" title="Who's that, mommy?"><img src="" width="75" height="75" /></a>
<?php $this->endWidget(); ?>


Total 5 comments

#17443 report it
Sachem at 2014/06/12 08:40am
great job, but little bug in the extension...

First of all, thank you very much for this brilliant extension. Great effort!

Secondly, I think in EGroupMagnificPopup.php, line 12, there should be:

Yii::import($alias . '.EMagnificPopup');

Instead of:

Yii::import($alias . '.EBaseMagnificPopup');

Anyway, great job, cheers!

#15799 report it
noorr_swati at 2013/12/18 08:14am
i have a problem

how can i block a class of links to prevent magnific pop up , please if any one have idea please share.. :)

#15765 report it
noorr_swati at 2013/12/15 12:07pm
goog job..

tnx alot for such a nice effort...

#14885 report it
Rajith R at 2013/09/18 06:36am
@Edgard Messias

good work

Thank you

#14697 report it
trond at 2013/09/04 02:27am
Thanks for sharing

I assume this is the jQuery plugin that can be found here: Looks good.

Leave a comment

Please to leave your comment.

Create extension