mirror of https://github.com/metafizzy/isotope
David DeSandro
14 years ago
2 changed files with 33 additions and 41 deletions
@ -1,41 +0,0 @@
|
||||
--- |
||||
|
||||
title: Getting Started |
||||
category: docs |
||||
layout: doc |
||||
related: etc |
||||
|
||||
--- |
||||
|
||||
this is how you get started |
||||
|
||||
Isotope requires jQuery 1.4.3 and greater. |
||||
|
||||
## Markup |
||||
|
||||
Isotope works on a container element with a group of similar child items. |
||||
|
||||
{% highlight html %} |
||||
|
||||
<div id="container"> |
||||
<div class="item">...</div> |
||||
<div class="item">...</div> |
||||
<div class="item">...</div> |
||||
... |
||||
</div> |
||||
|
||||
{% endhighlight %} |
||||
|
||||
## Script |
||||
|
||||
{% highlight javascript %} |
||||
|
||||
$('#container').isotope({ |
||||
// options |
||||
itemSelector : '.item', |
||||
layoutMode : 'fitRows' |
||||
}); |
||||
|
||||
{% endhighlight %} |
||||
|
||||
There are a number of <a href="options.html">options</a> you can specify. Within the options is where you can <a href="layout-modes.html">set the layout mode</a>, <a href="filtering.html">filter items</a>, and <a href="sorting.html">sort items</a>. |
Loading…
Reference in new issue