Stack Overflow
Stack Overflow

Questions tagged [masonry]

Masonry, formally jQuery Masonry, is a JavaScript cascading grid layout library.

Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet.

As of version 3, Masonry does not depend on jQuery anymore but can work alongside.

Created by David DeSandro, Masonry is released under the permissive MIT License.

Useful Links

914 questions
-1
votes
1 answer

Is there a way to implement masonry.js in magento with infinitescroll?

For infinitescroll am using the free extension: 'vs-infinite-ajax-scrolling', this extension provides noconfilct workaround too jquery version it imports is 1.7.2, am looking for a way to implement masonry.js from desendro with this extension and…
Mackzie
  • 41
  • 1
  • 11
-1
votes
1 answer

Create responsive masonry layout for text blocks or lists of varying lengths (heights)?

I believe this question has been asked in different ways by a number of different people. I would like to create a page (or a div that works within a page) that contains text elements (paragraphs, lists, tables) that will be of unpredictable…
phc_joe
  • 103
  • 2
  • 14
-1
votes
1 answer

website resize differently on different platforms

I am making a website using Masonry and Magnific Popup. My goal is to make this web site responsive on different devices. I have resized the browser on desktop to preview it, it resize very well on desktop. But the actual look in my phone is very…
cheetah
  • 1
  • 2
-1
votes
1 answer

Applying a Masonry layout to a Flickr feed

I have built a Flickr photo feed using ajax (jQuery) and would like to apply a masonry layout to the images. Here is the page http://flickrfeed.memonamadi.com/ (click on a city button to get the feed). I already tried to apply the Masonry plugin by…
memomad
  • 1
-1
votes
2 answers

Is there a jQuery plugin that will allow for shuffling of columns of divs?

I have 4 divs which create 4 rows in a page. In each of these rows, are 4 square divs, so essentially we have a 4 x 4 block of (16) square divs. When a user hovers over a div, the height is dynamically changed to be +40px. Right now, this adjusts…
Barry Chapman
  • 6,438
  • 3
  • 31
  • 55
-2
votes
2 answers

Masonry grid on bootstrap

I've coded this thing quickly with boostrap: http://alexisgargaloni.fr/archive/ It work perfectly, but for some reason I think it's better to do the picture grid system with masonry. So I've implemented Masonry to my code, but for some reason it…
scheylon
  • 29
  • 9
-2
votes
1 answer

photo grid using masonry and PHP to retrieve photo from database

i'm new to coding I wanted to use Masonry to make my pictures to arranged like pinterest home page but I don't seems to understand how the Masonry code works. Here is my pictures and my code. 1 I was able to retrieve all the image from the database…
Jun Sheng Lee
  • 33
  • 4
-2
votes
1 answer

Stacking photos when using Masonry.js

I had this problem almost every time when I used masonry.js on my websites. After the page was completely loaded, the images from the gallery look like this: In order to fix this I need to refresh the page to arrange images correctly like…
Alin
  • 23
  • 1
  • 6
-2
votes
1 answer

How to filter DIVs in a masonry gallery in an effective way?How do i do the filtering using plain jquery?

I'm trying to build a gallery where i want to place of all photos, CSS3, HTML5, jquery code snippets etc. Wanted to know to do the filtering part using plain jquery? here's my code:
…
Shree
  • 195
  • 1
  • 11
-2
votes
1 answer

EQCSS + Masonry js not working

Do you have any idea how to make EQCSS working with Masonry? When I setup a different width of item for specific element width then masonry gets broken.
Mariusx
  • 19
  • 5
-2
votes
1 answer

Scrollview with labels

I'm having a scrollview with a view and on that view I'm having some labels. Now when I setup my constraints everything works except the view isn't scrolling. This is my view controller: #import #import…
user1007522
  • 7,040
  • 14
  • 62
  • 107
-3
votes
1 answer

Image Masonry Grid in a Square Space

How can I make masonry grid of only 4 images that will always look like the this? I need this alignment to be the same on every screen size and always form a square. Is this possible? I tried a lot of different approaches and nothing seems to work…
user2974944
  • 9
  • 3
-3
votes
1 answer

css issue with layout

i have tried numerous times to fix this grid layout but currently when there is a large amount of text in the #place_quo div it seems to mess everything up. here is my link Demo i am using masonry.js to grid align everything and wondering if thats…
user3206729
  • 163
  • 10
-4
votes
1 answer

I want 3 columns with Masonry.js

I'm building a blog site. I'm going to have there a posts miniatures. I want to get layout like this: effect I found a library called Masonry.js, it's a perfect solution for me but I have no idea how I need to set up this. I'm looking for help!…
bugs55
  • 3
  • 2
1 2 3
…
60
61