<div class="col-lg-3" style="background: url(images/balon.jpeg);background-size: cover;">
                        <a href="images/balon.jpeg" class="fancybox" rel="lightbox" style="height: 100%;width: 100%;"></a>
                    </div>


$(document).ready(function(){
        $(".fancybox").fancybox({
            openEffect: "none",
            closeEffect: "none"
        });
    });