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.


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


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() {
$("#tabs li a"),
$("#output li"), {
start_item : 0


Insert this HTML where you want your slider.

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