Questions tagged [jquery-masonry]
Masonry is a dynamic grid layout plugin for jQuery
jquery-masonry
1,240
questions
0
votes
1
answer
19
views
Masonry overlaps when switching tab-panels
I'm having problem with masonry overlaps when switching tab-panels.
On load window, on tab1 masonry active.
when I press tab2, tab2 masonry active.
But, problem occurs after this.
When I click back ...
0
votes
0
answers
26
views
Isotope, Wordpress, Visual Composer Problem on Filtering with random sort only the default load
I have this problem
Rendering isotope with all the data filter. Every filter is showing what needs to show. The best part comes now because i want the data filter all to be randomize.
var_dump with ...
0
votes
0
answers
50
views
Masonry.js elements going on a single column after updating the amount of elements
I have a number of images that I have in 5 columns. I can sort those elements using tags, this dynamically changes the amount of images shown.
Issue :
All is normal and well at first. But when I ...
0
votes
0
answers
14
views
Install masonry in isotope items (not masonry layout of isotope!)
I have isotope grid installed with filters, and it works fine :
var $grid = $('.grid')
$grid.isotope({
layoutMode: 'masonry',
itemSelector: '.box',
stagger: 30, // item ...
0
votes
0
answers
52
views
how to setup desandro masonry to auto arrange element width to fit content?
I have a nested dinamic grids page that i want to layout as best as possible
as suggested in CSS-only masonry layout i imported desandro masonry and try to use it but it does not manage well ...
2
votes
4
answers
1k
views
Masonry layout issues on first load
I'm using the Masonry-layout jQuery in combination with Bootstrap 5 as per docs from Bootstrap. I have used this before without any problems in ACF repeater fields. Now I'm using it in an ACF gallery.
...
0
votes
0
answers
44
views
isotope filtering only detecting first item as visible in viewport
I'm using an isinviewport script throughout my site to detect when something is visible in the viewport. However when trying to use it with Isotope filtering it's only detecting the first item on ...
0
votes
1
answer
130
views
Can't add masonry to symfony 6 webpack-encore project
I'm working on a symfony 6 project and i'm trying to use webpack encore to add masonry grid.
I'm using this documentation : masonry.desandro.com
I'm using yarn to add masonry-layout
yarn add masonry-...
0
votes
1
answer
69
views
Uncaught SyntaxError: fails on first Regex function, but not second
this question is different because the first function errors, but the other identical functions work fine.
Question: Why does the first function fail, but not the second? ...in these JS Regex ...
0
votes
1
answer
193
views
Masonry JS with 50% and 100% width items not working
I'm developing a website with a page that has text on the left, then news cards in a column on the right. Some cards will be 100% width of the column, others 50% and I want them to be reordered by ...
1
vote
0
answers
35
views
Using Masonry, focus changes when a new item is added to the grid, forcing scroll
I'm using Masonry JS from https://masonry.desandro.com/
My issue is that the focus changes as soon as a new item is added.
In my code, new items are appended at the beginning of the grid.
But, if I'm ...
2
votes
0
answers
488
views
Masonry that always fills full width
I am using Masonry(https://masonry.desandro.com) to display little previews on my website.
I want the masonry to always fit 100% of the allocated area.
To accomplish this, either the width of the ...
0
votes
0
answers
629
views
Load first 3-5 images in lightgalleryjs dynamic mode
I'm changing the question after I found a lightgalleryjs which is more advanced than fancybox.
Is it possible to load first 3-5 images by default in dynamic mode than once the lightbox is opened the ...
1
vote
1
answer
704
views
Stack children vertically in left/right columns without vertical white-space
I'm trying to separate children of a container div into left/right columns, with no vertical whitespace below or above the children items.
I'll explain the setup and provide a picture of the desired ...
0
votes
0
answers
120
views
Masonry.js unusual behavior only fixed after refreshing the page
This is a project built with laravel. I am using this plugin.
It allows me to build this layout:
This is the order in which the images are being placed:
It´s build with images being inserted ...