Closed test3be closed 4 years ago
Hi, until a better solution, you could experiment wrapping your .photo-gallery
like this:
<div style="background: red; overflow: hidden;">
<div style="margin: -10px;">
<div class="photo-gallery justified-gallery">
And if you just want to eliminate all spacing between images, set "margins" to zero.
I just had the same problem and it took me some time to understand the documentation correctly. You need to set border: 0
to remove those borders:
$('.justified-gallery')
.justifiedGallery({
margins: 10,
border: 0
});
Hi,
Have an issue regarding the main gallery wrapper and i cant get rid of it. As you can see on the screenshot, there is a sort of spacing around the images. I've put a red background on this container to make it more clear. Please see screenshot.
i"m loading: https://cdnjs.cloudflare.com/ajax/libs/justifiedGallery/3.7.0/css/justifiedGallery.min.css https://cdnjs.cloudflare.com/ajax/libs/justifiedGallery/3.7.0/js/jquery.justifiedGallery.min.js (before <
/body>)
My js Init:
$(".photo-gallery").justifiedGallery({ rowHeight: 200, //lastRow: 'justify', margins: 10, image: { titleSrc: function(item) { return item.el.attr('title') ; } } });
Thanks for your help