If you know basic HTML, you can use this plugin in your sleep.
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.
All types of HTML content are welcome in your "slides". Optional attributes allow you to control the plugin styling.
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.
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.
<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>
<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>