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:

1662 questions
0
votes
1 answer

jQuery Isotope Filtering on multiple types and categories

I'm trying to figure out how to construct the filter selector for the jQuery Isotope plugin. We are going to use it for a calendar/scheduler where people can filter on 5 different event types (like education, programs, tournaments) and 4 different…
pixelwiz
  • 623
  • 1
  • 11
  • 20
0
votes
1 answer

basic isotope with json

I'm a noob and trying to implement isotope with a JSON feed. I can get the divs showing with a bad layout, but as soon as I apply the isotope code nothing shows on the page. Here is the http://jsfiddle.net/ben_beek/ujX5G/ Here is the script: …
beek
  • 3,522
  • 8
  • 33
  • 86
0
votes
1 answer

Trigger separate hover effects (jQuery + CSS) simultaneously in image gallery

Working on portfolio gallery: flowmedia.dk/new Inactive state: Hovering over the top 2/3 of thumbnail triggers image going from grayscale to color: Hovering over the bottom 1/3 of thumbnail triggers image caption.: Captions…
Amie
  • 25
  • 1
  • 7
0
votes
1 answer

Isotope images begin at center of element

I'm working on a site using Isotope from isotope.metafizzy.co. Text works fine, Centering and fully showing up. BUG: On Tiles that I'm placing an image into, the images starts at 50%. Even if the element is small, or width2, or clicked width. it…
user2286552
0
votes
1 answer

Webpage goes long after isotope initializes

I'm using isotope + bootstrap and I have isotope initialize after all images have been loaded. The issue is after it loads, there's all this blank space at the bottom where the page used to run to. Does anyone know why this is happening and what I…
Dave Rottino
  • 1,037
  • 3
  • 22
  • 49
0
votes
1 answer

How to get last row in Isotope and on click expand them upward direction ?

Scenario I am usign isotope plugin (http://isotope.metafizzy.co/) with angular js. On click of thumbnail image I am adding class "expanded" and increasing its width and height to occupy four boxes. Can we do this?: When I click on thumbnail image…
Pravin W
  • 2,451
  • 1
  • 20
  • 26
0
votes
1 answer

Isotope resizable, sortable, draggable and reload list - where to reloadItems? (Codepen included)

I have a list that I'm using JQueryUI and Isotope with, with resizable, draggable and sortable. I'm stuck trying to reload the list, after the user resizes an element in the interface by clicking and dragging. How do I get the list to…
lucasstarbuck
  • 33
  • 4
0
votes
2 answers

Reloading a new set of images makes div height 0 in isotope

My javascript looks like the following: