isotope/_posts/docs/2010-12-03-options.mdown

title	category	layout	body_class
Options	docs	doc	option-def

option

Type

Default

animationEngine

String

'best-available'

Determines the jQuery method to apply styles, .css() or .animate(). Useful for relying on CSS transitions to handle animation.

Values

• 'best-available': if browser supports CSS transitions, Isotope uses .css(). If not, falls back to using .animate().
• 'css': Isotope uses .css()
• 'jquery': Isotope uses .animate()

animationOptions

Object

{ queue: false }

When jQuery is the animation engine, these options will be used in .animate(). See the jQuery API for animate options for details.

Example:

{% highlight javascript %}

$('#container').isotope({ animationOptions: { duration: 750, easing: 'linear', queue: false } });

{% endhighlight %}

containerClass

String

'isotope'

The class applied to the container element.

filter

Selector

Setting a filter with show item elements that match the selector, and hide elements that do not match.

getSortData

Object

hiddenClass

String

'isotope-hidden'

hiddenStyle

Object

{ opacity : 0, scale : 0.001 }

itemSelector

Selector

layoutMode

String

'masonry'

resizeable

Boolean

true

sortAscending

Boolean

true

sortBy

String

visibleStyle

Object

{ opacity : 1, scale : 1 }