Stack Overflow
Stack Overflow

Questions tagged [packery]

Packery is a pure JavaScript/jQuery layout library that intelligently lays out elements so as to fit them into as small a space as possible.

Packery is a JavaScript layout library that uses a bin-packing algorithm to fit elements together with as little space between them as possible. This is a fancy way of saying "it fills empty gaps." Packery layouts can be intelligently ordered or organically wild. Elements can be stamped in place, fit in an ideal spot, or dragged around.

159 questions
0
votes
1 answer

Jquery Append Overlaying when used with Packery

For the life of me I have not been able to figure out why the divs (with images contained) fall behind the existing divs instead of appending. Basically the appended divs with images are falling behind the existing divs instead of appending. When I…
Lucky Edward
  • 126
  • 11
0
votes
1 answer

center multiple divs in parent div while using packery.js

FIDDLE I have a div that is centered using foundation. Inside that div, I have 215 x 215 divs that have background images of the work I've done. I've gotten packery to work just fine. My issue is that I want to center these divs inside their…
onTheInternet
  • 3,311
  • 7
  • 33
  • 57
0
votes
2 answers

Canvas ends up too large to write to when using infinite-scroll

For my tumblr theme, I'm drawing stuff on the canvas for the background, but with infinite-scroll it doesn't take too long before the canvas is too large to be drawn on (depending on browser etc. - haven't hit the limit in Chrome yet). I'm using…
Marcus
  • 138
  • 8
0
votes
1 answer

Packery positionering with bootstrap

I've got a two column layout with Packery in the main column. This is working fine on extra small devices, small devices and large devices. On medium devices the "2-column box" is not on side of the other. It is jumping underneath it. I've made a…
Royw
  • 589
  • 5
  • 24
0
votes
1 answer

Infinitescroll, packery and canvas

I'm trying to implement infinite scroll and packery. I'm by no means much of a coder, but this is what I've been able to get to work: var $container = $('#content'); $container.packery({ // options }); /* INFINITESCROLL…
Marcus
  • 138
  • 8
0
votes
2 answers

Masonry grid layout with scaling to fit container

So I'm trying to do something like this: http://prothemeus.com/demo/litho/ I've come across: http://masonry.desandro.com/, http://isotope.metafizzy.co/ and http://packery.metafizzy.co/ all of them are really similar but none of them offer the…
Matthew Abrman
  • 664
  • 8
  • 15
0
votes
1 answer

How can I retain the archive.php loop filters when triggering with AJAX?

I've been working off this Getting Loopy tutorial to append posts onto my Packery.js layout and it works splendid on my home page, but whenever I try to use it for my archive (archive.php) pages it continues to load all posts rather than the posts…
Taylor
  • 57
  • 2
  • 15
0
votes
2 answers

Filter object by data attribute and reset filter on each use

I am trying to imitate the filtering functionality of the Isotope pluggin for JQuery as I need to filter images however actually using Isotope causes problems to some parallax scolling elements on the page. I have written this short JQuery snippet…
Adam Brown
  • 2,632
  • 4
  • 26
  • 37
0
votes
4 answers

Is there a way to make only part of a Packery/Draggabilly container draggable?

Is there a way to make only part of a Packery/Draggabilly container draggable? Say, only making the .chartHeader in the below example draggable - yet having the overall .chartContainer move as one piece? Currently, only the .chartHeader is draggable…
Cole
  • 726
  • 8
  • 21
0
votes
1 answer

Floating with css percentages, full-width browsing

Original question: Okay, this is plain and simple css. But there's a bug on my site and i can't get it out ! I making a site with this design: http://cl.ly/image/1j231y2x3w07 The site i fully responsive and makes use of the…
Jonas Thomsen
  • 103
  • 3
  • 10
0
votes
1 answer

Why doesn't my packery code execute?

I've added packery to my dev site to play around with a new layout - it works great and so I've rolled the same code out to production. For some reason, it doesn't execute via my prod instance. My initial thought is its a code ordering problem when…
SinFulNard
  • 163
  • 2
  • 2
  • 10
0
votes
1 answer

packery transition on initial load

I am using packery and it seems good - what I am really trying to do is have a transition on load. When I add (append) items using the in built functionality it has a nice transition but I am trying to get that on the first lot of tiles on load…
Dan
  • 1,285
  • 2
  • 21
  • 44
0
votes
2 answers

Transform css animations to jquery

I'm stuck here. How to I transform this: -webkit-transition:all 0.66s ease-out; -moz-transition:all 0.66s ease-out; -ms-transition:all 0.66s ease-out; -o-transition:all 0.66s ease-out; transition:all 0.66s ease-out; into jQuery…
Marek123
  • 1,159
  • 6
  • 34
  • 68
0
votes
1 answer

Shaky CSS3 width transition in WebKit

I'm working on an animation using packery. Tiles are aligned in a grid and clicking on one is supposed to enlarge it and dynamically rearrange the tiles accordingly. The resizing is animated using CSS3 transitions. All of this works as expected in…
Bunkerbewohner
  • 560
  • 7
  • 18
0
votes
1 answer

Appending div to dynamic grid layout

I am using this jquery plugin http://packery.metafizzy.co/ to create a dynamic grid layout. The plugin is working perfectly. The problem is : I am trying to create an option to add a dynamic grid on click event. If I hand code the html code for…
black_belt
  • 6,110
  • 33
  • 107
  • 179
1 2 3
…
10
11