Standard

Sretched

Navigation

Backgrounds

GalleriesHome › Galleries

Galleries, Slideshows, Image effects

We have added in some popular image plugins into this template:

If you want full documentation on any of the above plugins please visit their respective author webpages.


Sorting

MobilySelect is jQuery plugin that replaces one collection of items with another.


Javascript

Make sure these are located in the <head> above. jQuery is also required.

<link href="scripts/mobilyselect/default.css" rel="stylesheet" type="text/css" />
<script src="scripts/mobilyselect/mobilyselect.js" type="text/javascript"></script>
<script src="scripts/mobilyselect/init.js" type="text/javascript"></script>

HTML

There are two divs that control the sorting. The first is the selector buttons, the second is the selector content. Your "rel" and "class" should match to categories.

Check the source code for the additions we have used to make it work with a grid_3 and Grid Highlight.

<div class="selecter">
<div class="selecterBtns">
<ul class="nolist">
<li><a href="#" rel="all" class="active">All</a></li>
<li><a href="#" rel="group-1">Group-1</a></li>
<li><a href="#" rel="group-2">Group-2</a></li>
</ul>
</div>
<div class="selecterContent">
<ul class="nolist" style="margin:0;">
<li class="group-1">
<img src="image-location" alt="" />
</li>
<li class="group-2">
<img src="image-location.jpg" alt="" />
</li>
</ul>
</div>
</div>

Official Documentation and Support

Official documentation located at playground.mobily.pl.