Stack Overflow
Stack Overflow

Questions tagged [jquery-isotope]

Isotope is a client-side jQuery plugin that allows masonry-style grid and table layouts, along with data sorting and filtering, to enable dynamic relayout of elements on a page.

Isotope has similarities to Masonry and Packery; in fact, it utilizes both and adds sorting and filtering capabilities.

This library is distributed with two distinct licenses: open source (GPLv3) and commercial.

Useful Links:

1675 questions
0
votes
1 answer

jQuery Masonry/Isotope fluid layout with proper gutters and no wrapping

I've been working on getting a proper fluid layout working with Masonry/Isotope. I've run into a number of snags along the way, the last of which I've been unable to solve. My objectives were: Enable a fluid isotope image grid layout that resizes…
brandonscript
  • 57,554
  • 29
  • 142
  • 204
0
votes
0 answers

Isotope: Adding different sized elements with ajax(isotope reorders everything)

I have a list with elements positioned with isotopes. When i scroll to the bottom, i add several more items. The problem however is that the elements that are already there try to relayout with the ones being added. This causes newly added items to…
sindrem
  • 1,101
  • 5
  • 21
  • 40
0
votes
2 answers

Isotope not triggering masonery on page load

I'm trying to use Isotope based on code from a template I downloaded. The code appears fine, but my images are not "masoned" correctly on page load. They only seem left and right aligned. If I click my filter all, the masonry triggers and the…
Steven
  • 18,168
  • 44
  • 141
  • 240
0
votes
1 answer

Using isotope and Twitter's Bootstrap 2.x popovers - placement on the fly

Well, here's my first ever question - and sadly a newbie - but if i take you through my thinking i'm hoping someone can help me extend my skills and get this layout sorted? i'm using bootstrap in one page i have a series of divs that work…
watcher
  • 1
  • 1
0
votes
1 answer

JQuery Isotope not triggering

I have added the JQuery plugin Isotopte to my site. It works but only after the browser resizes. The images just seem to stack up on each other before hand. My code to is: $(function(){ $('#isotopecontainer').isotope({ itemSelector:…
MeltingDog
  • 11,060
  • 34
  • 130
  • 238
0
votes
1 answer

Isotope Filter BBQ Hash

Trying desperately to set up Isotope with BBQ Hash and failing. Already spent time with the demo: http://isotope.metafizzy.co/tests/combo-sort-history.html and still not getting it. My code below is currently working to filter my items...just can't…
user2540954
  • 1
  • 1
0
votes
3 answers

Dynamically determine height of div

I'm using the jQuery isotope plugin for a grid layout of a news section, each news item showing the first paragraph of each with a read more button, once clicked showing the rest of the content. Here's my example and I'll explain the problem I'm…
user1374796
  • 1,446
  • 13
  • 43
  • 73
0
votes
2 answers

How can I find out what precisely is the conflict between 2 jquery scripts?

I am building a site on top of the Shopify platform and on one page a javascript conflict occurs. I have no idea how I can find out what exactly causes the conflict - any info on how I can find this out would be greatly appreciated! Here is the…
alexbrunner
  • 17
  • 1
  • 10
0
votes
2 answers

Isotope filtering does not work on jquery .click call

I am using Isotope filtering on a site that I am in the process of launching and I cannot figure out why nothing happens when I click the links that are supposed to trigger the filtering. The (test) page can be seen live here:…
alexbrunner
  • 17
  • 1
  • 10
0
votes
0 answers

JS fine in Fiddle but doesn't animate until browser resize on Squarespace site

I'm using jQuery Isotope to animate images on my site. It works fine in jsFiddle but the animation refuses to initialise until I resize the browser on the site itself. I have looked at other related questions and tried wrapping the code in a ready…
Andrew
  • 149
  • 3
  • 16
0
votes
1 answer

Isotope and Lightbox - like overlay : How to do it?

I wish to use isotope.js and a lightbox-like overlay together to create a cool, filterable photo gallery or information page, where you click an item to get a popup with more info. Here is a jfiddle with the example http://jsfiddle.net/9d5qw/ here…
Jacob Raccuia
  • 1,589
  • 1
  • 14
  • 24
0
votes
2 answers

jQuery Isotope Masonry : animation doesn't initiate until browser is resized (Chrome 27.0.1453.110)

I'm working on a jQuery Isotope implementation but the animation only seems to 'wake-up' once the browser is resized both on laptop and mobile. Perhaps my ordering is wrong? Here's the site that I'm working on: http://rgbdrinks.squarespace.com/ If…
Andrew
  • 149
  • 3
  • 16
0
votes
1 answer

Jquery Isotope implementation: not animating

it was all going well, implementing isotope at: http://rgbdrinks.squarespace.com/ Then I got ahead of myself, tried to alter the container CSS and couldn't retrace my steps. I'd be hugely grateful for any help at all. Best wishes, Andrew Here's the…
Andrew
  • 149
  • 3
  • 16
0
votes
1 answer

Call some plug-in/function inside an object

The goal Call Isotope inside an object. The problem By Google Chrome: Uncaught TypeError: Object [object Object] has no method 'isotope'. The code var mainResources = { // Execute this when the document is ready to go whenDocumentReady:…
Guilherme Oderdenge
  • 4,580
  • 5
  • 52
  • 88
0
votes
0 answers

jQuery Isotope center expanded element

I am using Isotope to layout a grid of blocks using the 'masonryHorizontal' layout mode. On click the selected box expands and re-adjusts the layout. What I want is to scroll the window so the expanded box is centered in the window horizontally. I…
downtomike
  • 94
  • 1
  • 11
1 2 3
…
99
100