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 it can work alongside.

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

Useful links

950 questions
0
votes
1 answer

jquery-ias with masonry to create an infinite scroll not working properly php

I am trying to get jquery-ias working with masonry and I cannot get it working. I am using a mysql database and php to load images. I have almost got it all working correctly, after a lot of trial and error. I am able to get all my images loading…
Charis Ryan
  • 85
  • 1
  • 3
  • 11
0
votes
2 answers

Bind click toggle to image instead of whole div in Masonry

I am using Masonry to toggle the height and width of a div. I have links inside of the expanding div, and I can't figure out how to make it so that the height/width only toggles if an image is clicked instead of anywhere inside the div. The…
PBwebD
  • 778
  • 11
  • 33
0
votes
1 answer

freezeframe.js with masonry

I am working on this site http://futureclassicsfashion.co.uk/wordpress/collection/season/aw14-moving/ The site uses the masonry script and I have found freezeframe.js http://freezeframe.chrisantonellis.com/documentation/#examples which pauses my…
lsloss
  • 45
  • 8
0
votes
1 answer

Masonry plugin not working

I have just started to use the masonry plugin but I cannot get it to work. Below is a picture of the problem. As you can see this is not the desired effect. Below is my code that I am using: CONTENT
user3170837
  • 141
  • 2
  • 9
-1
votes
1 answer

Why does css columns separate HTML blocks?

I am trying to create a masonry grid like structure with images. More specfically, I am rendering a list of
elements with and
children elements. However, when I display the data in the browser, the image and figcaption…
Tyler Morales
  • 1,440
  • 2
  • 19
  • 56
-1
votes
1 answer

Vertikal masonry layout with three images side by side

I have the following html code:
David
  • 2,898
  • 3
  • 21
  • 57
-1
votes
1 answer

Wp_query for reset_count

I want to use wp_query loop in category page and using this code bellow but it get an error : "The site is experiencing technical difficulties." . So how to improve my code ? Thank you for your help! [![enter image description here][1]][1]
Andy Thomas
  • 79
  • 9
-1
votes
1 answer

Is there any way to filter all previous elements, by class?

I have a masonry gallery with ul / li elements. To make them responsive I am adding to each 'li' element it's column number as a class, so I can sort them later. I am trying to get previous elements height in column before adding new one. So…
Davit Mkrtchyan
  • 449
  • 5
  • 15
-1
votes
1 answer

Displaying masonry layout in wordpress

How to implement masonry layout for displaying posts in wordpress? I want to display my posts in a masonry grid layout This is the code i have tried in functions.php add_action( 'wp_enqueue_scripts', 'site_scripts' ); function site_scripts()…
savana
  • 3
  • 3
-1
votes
1 answer

Creating Masonry Layout

I am looking to build out a simple version of Masonry layout for an image gallery I am building. I wanted to use flexbox and utilize flex-direction columns and row wrap to create most of the layout. The biggest feature I want to implement is…
James Zilch
  • 1,055
  • 2
  • 10
  • 17
-1
votes
1 answer

Rails Masonry elements overlapping after an AJAX call

My masonry transitions works well on first load. However, when I make an AJAX call to retrieve new items, the old elements remains the same position, but the new items are aligned vertically from top to bottom. It works well on the first…
tak
  • 69
  • 1
  • 9
-1
votes
1 answer

How to use Masonry grid layout in vuejs2(with bootstrap) without jquery?

I want to display tweets like card-columns in my page. I am not able to use Masonry in my vue webpack template. i have used tried it through npm & CDN but not getting grid properly. in main.js import Tweet from 'vue-tweet-embed'; import Masonry from…
Dhruv Goradiya
  • 85
  • 12
-1
votes
1 answer

HTML elements left to right with no gap in 2 columns

I'M working on a page where I'll show news in 2 columns. The elements width will be the same, it should be responsive -goes to 1 column if the viewport is smaller, but I've already know how to do it-. & it is an angular2 project. The problem comes…
Colosh
  • 135
  • 2
  • 11
-1
votes
1 answer

Masonry Plugin don't work on WordPress gallery

Good evening, I am trying to do a masonry gallery like the on on this website: http://bensasso.com/ I have a plugin already developed on this link: http://yourjavascript.com/4620774411/picwall.js To work the structure is:
-1
votes
1 answer

Can I make a CSS-only masonry layout?

First of all: yes this question is similar to Vertical vs. Horizontal Masonry CSS-only But as nobody has yet answered this question, I'm gonna give it another try. I have set up a masonry layout for my WordPress posts using the CSS columns property.…
Rico Ocepek
  • 767
  • 6
  • 20
1 2 3
…
63 64