Stack Overflow
Stack Overflow

Questions tagged [jquery-masonry]

Masonry is a dynamic grid layout plugin for jQuery

Masonry is a dynamic grid layout plugin for that works by placing elements in optimal position based on available vertical space.

Think of it as the flip-side of CSS floats: whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically, positioning each element in the next open spot in the grid.

The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

1240 questions
0
votes
1 answer

jQuery Masonry plugin vertical gaps

I am working on a site trying to implement the Masonry jQuery plugin. From what is advertised for masonry there should be no, or at least minimal, vertical gaps; however I can't seem to get rid of the gaps on the site I'm working on. I've followed…
user852713
  • 21
  • 2
0
votes
1 answer

Two identical jQuery masonry pages -both animated, cornerstamped have different behavior

I'm trying out jQuery masonry animation examples, and managed to get a basic page working. However, the animation isn't working. This was very frustrating, so instead I copied the example page from the jQuery Masonry site, and started stripping it…
LittleBobbyTables
  • 4,361
  • 9
  • 38
  • 67
0
votes
1 answer

JQuery Masonry not Responding to CSS Height Change

I am using both JQuery Masonry and Twitter bootstrap together but experiencing a few problems. I do not think that the problem is caused by any conflict between the two. I am using Bootstrap Thumbnails, to provide image/text divs and then using…
M.F
  • 143
  • 4
  • 17
0
votes
1 answer

jquery masonry image size

This is what I currently have, however, the image is compressed to fit the size of the text's width. No matter what size I specify in the html, it doesn't change. Any light on this matter? $('#append').click(function(){ var $boxes = $('
Adola
  • 588
  • 7
  • 21
0
votes
1 answer

jquery, masonry after append complete

I have the jQuery below http://jsfiddle.net/XMdYw/7/ var elements = ''; var ELEMENT_COUNT_PER_PAGE = 301; var page = 1; for (var i = (ELEMENT_COUNT_PER_PAGE * (page - 1)); i <= (ELEMENT_COUNT_PER_PAGE * page); i++) { elements+= '
Yusaf Khaliq
  • 3,333
  • 11
  • 42
  • 82
0
votes
1 answer

Jquery imagesLoaded Plugin Overlapping Issue

I have a tumblelog that uses jquery masonry and infinite scrolling on the posts. The masonry only applies to the first few posts, then overlaps everything else. I know this kind of question gets asked a lot, but no one seems to know the answer.…
user1363611
0
votes
1 answer

How to add a custom trigger to Masonry infinite scroll

I have a page that is using masonry and infinite scroll. Everything seems to work as it should but I want my visitors to trigger the infinitie scrolling effect using a button instead that the trigger is automaticly activated. Something like Google's…
Erikm
  • 69
  • 6
0
votes
4 answers

Is it possible to run a jquery plugin like masonry or isotope on a single page in a Joomla website?

The question pretty much says it all. I have a joomla website and I want to create a video gallery using Masonry or Isotope. Is it possible and if so how is it done?
user1364818
  • 61
  • 1
  • 8
0
votes
2 answers

Can I embed a masonry jquery template into my joomla website?

I want to create a video gallery using Masonry on my website but I'm having difficulty. I'm using Joomla as my CMS and already have a template im using from rocket themes but on one of my pages I want to have a list of videos (which I'll update) for…
user1364818
  • 61
  • 1
  • 8
0
votes
1 answer

Endless Page Rails

Hi guys I have my endless page js code working great but for some reason it only triggers for the second page. I did some changes to some code I found around to meet my needs but now instead of keep loading items it stops in page 2 as my console…
Daniel Garzon
  • 185
  • 1
  • 3
  • 12
0
votes
2 answers

Masonry is loaded but not working

I have set the Masonry demo on this page. I see that the plugin loads fine, with no errors. I have defined the column width, but it still doesn't work. I looked for hours and couldn't find anything wrong?! Do you see what the problem is?
Jeff B.
  • 1,117
  • 3
  • 16
  • 40
0
votes
2 answers

jQuery Masonry error in FF 3.6

I have a page with some tiles laid out using the jQuery Masonry plugin. However i get an error in FF 4 and below: $("#flextiles").masonry is not a function I am tearing my hair out as to why it is not working, it works in every other browser - even…
El Guapo
  • 567
  • 2
  • 13
  • 26
0
votes
1 answer

Arranging image thumbnails

I am using JQuery hover zoom (http://jmar.github.com/jquery-hoverZoom/) Its working fine. The thumbnails that I have is of different sizes . So I stated using the masonry plugin for arranging it. Both of them work fine when isolated but…
Yahoo
  • 4,093
  • 17
  • 59
  • 85
0
votes
2 answers

jQuery masonry fluid gutter fix

For the life of me I cannot figure out how to remove the wide gutters and set to 0 when using the fluid/percentage layout. I've tried setting gutterWidth: 0 and the margin and padding to 0%, but it still doesn't work. Here is the code from the…
user1418426
  • 1
  • 1
  • 2
0
votes
0 answers

jQuery Masonry stretching images

[NOTE: I currently do not have enough reputation to post images, so unfortunately they're posted as links] Alrighty, so, I'm currently developing a Wordpress theme with a little help from the jQuery Masonry plugin. Depending on which page you're…
Julian Laval
  • 1,210
  • 4
  • 17
  • 34
1 2 3
…
82 83