There is a picture

<a href="/images/portfolio/0fd3eab5a4fcc4fbc47f8201242e5fc8.jpg" class="gallery" data-lightbox="example-1"> <img src="/images/portfolio/735f528f31af2d71e84a622e489c416b.jpg" alt="Пример Сайта визитки" class="example-image"> </a>

The height is very large. Set Fancybox values

 <script type="text/javascript"> $(document).ready(function() { $("a.gallery").fancybox( { "padding" : 20, "imageScale" : false, "frameWidth" : 700, "frameHeight" : 600, "overlayShow" : true, "overlayOpacity" : 0.8, "hideOnContentClick" :false, "centerOnScroll" : false }); }); </script>

The width does not hold the screen.

enter image description here

If I put "imageScale": true, it is too small

enter image description here

What could be the problem? Working example here

    0