jKickPortfolio Demo

Simple

If you know basic HTML, you can use this plugin in your sleep.
Clean

Basic HTML elements are all that's required. You can use a list with list elements, a div with child div's, or any combination of allowed parent/child tags.
Flexible

All types of HTML content are welcome in your "slides". Optional attributes allow you to control the plugin styling.
Graceful Degradation

You porfolio would have looked good even in the 80's. Users without JavaScript support will see a well-formatted list of text and images.
Limited Mark-up

No classes, id's or other fancy HTML attributes required. Just drop some in some content, and the plugin will automatically grab the last image in each "slide" to use as the porfolio image.

Download

The jQuery

	<script>
		// must use window.load as opposed to document.ready, 
		// as window.load fires after all content is loaded
		$(window).load(function(){
			$('ul').jKickPortfolio(); 
		});
	</script>

The HTML

	<ul>
		<li>
			<h2>Simple</h2>
			<p>If you know basic HTML, you can use this plugin in your sleep.</p>
			<img src="img/bird.png" alt="" />
		</li>
		<li>
			<h2>Clean</h2>
			<p>Basic HTML elements are all that's required. You can use a list with list elements, …</p>
			<img src="img/cart.png" alt="" />
		</li>
		<li>
			<h2>Flexible</h2>
			<p>All types of HTML content are welcome in your "slides". …</p>
			<img src="img/globe.png" alt="" />
		</li>
		<li>
			<h2>Graceful Degradation</h2>
			<p>You porfolio would have looked good even in the 80's. …</p>
			<img src="img/network.png" alt="" />
		</li>
		<li>
			<h2>Limited Mark-up</h2>
			<p>No classes, id's or other fancy HTML attributes required (we use id="porfolio" only for demo purposes). …</p>
			<img src="img/laptop.png" alt="" />
		</li>
	</ul>

jKickPortfolio Demo

Simple

Clean

Flexible

Graceful Degradation

Limited Mark-up

Download

The jQuery

The HTML

Requires: jQuery 1.4+

Tested on: IE 7, 8; Firefox 2, 3.6; Safari 3, 5; Chrome 4, 8