Standard

Sretched

Navigation

Backgrounds

Feature List UsageHomeCodes › Feature List Usage

Feature List

Feature List by jQuery Globe is a jQuery feature list. You can check out documentation, usage and support at the Feature List homepage.


Images

Use the Slider PSD'S supplied to create images the right width and height (these images are from the slider-semi PSD).


Javascript

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

<link rel="stylesheet" href="scripts/featurelist/style.css" />
<script type="text/javascript" src="scripts/featurelist/jquery.featureList-1.0.0.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$.featureList(
$("#tabs li a"),
$("#output li"), {
start_item : 0
}
);
});
</script>

HTML

Insert this HTML where you want your slider.

<div class="feature-shadow">
<div id="feature_list">
<ul id="tabs">
<li>
<a href="javascript:;">
<img src="iconlocation.png" />
<h3>Feature Title</h3>
<span>feature short description</span>
</a>
</li>
</ul>
<ul id="output">
<li>
<img src="images/imagelocaion.jpg" alt="" />
<a href="linklocation">See project details</a>
</li>
</ul>
</div> </div>

The Tabs ID is the side of the feature list where you will need an icon (32x32), a title and a short decription.

The Output ID is where your image will be located.

Note: You can only have four at a time with these settings


Official Documentation and Support

Official documentation located at jqueryglobe.com/article/feature-list.