Fancybox 3

Download:  Tại đây

Demo: yensaobionest

**** CODE

<a data-fancybox="gallery32" data-caption="Tổ yến" href="1.jpg">
<img src="1.jpg">
</a>

<a data-fancybox="gallery32" data-caption="Tổ yến" href="2.jpg">
       <img src="2.jpg">
</a>

<a data-fancybox="gallery32" data-caption="Tổ yến" href="3.jpg">
<img src="3.jpg">
</a>

**** JS

<script type="text/javascript">

$(document).ready(function(a){

$('[data-fancybox="gallery<?php echo $pid;?>"]').fancybox({

    loop : true,

    buttons: [

    "zoom",

    "share",

    "slideShow",

    "fullScreen",

    "download",

    "thumbs",

    "close"

], 

animationEffect: "zoom-in-out",

transitionEffect: "circular",

    });

});

</script>