Add Fancybox Popup in Image Gallery
<link rel="stylesheet" href=" https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.1/jquery.fancybox.min.css " /> <script src=" https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.1/jquery.fancybox.min.js "></script> <script> $(window).load(function() { if ( $('.row1-content-careers ').length == 1 ){ $('.row1-content-careers .hs_cos_gallery .slick-slide-inner-wrapper').each(function(){ var imgSrc = $(this).children('img').attr('src') || $(this).children('img').attr('data-lazy'); var imgAlt = $(this).children('img').attr('alt'); $(this).children('img').wrap('<a href="'+ imgSrc +'" data-fancybox="images" title="' + imgAlt + '"></a>'); }); } }); $(document).ready(function(){ $('[data-fancybox="images"]').fancybox({ margin : [44,0,22,...