A Tiny jQuery Slideshow Plugin - Craftyslide

File Size: 6.53 KB
Views Total: 1146
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
A Tiny jQuery Slideshow Plugin - Craftyslide

Craftyslide is a tiny, clean and efficient jQuery Slideshow plugin for creating providing a simple, no-frills method of displaying images.

Usage:

1. Include jQuery library and craftyslide.min.js

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="js/craftyslide.min.js"></script>

2. Call the Plugin

<script>
   $("#slideshow").craftyslide();
</script>

3. Markup

<div id="slideshow">
<ul>
<li> <img src="http://farm6.static.flickr.com/5270/5627221570_afdd85f16a_z.jpg" alt="" title="Light Trails" /> </li>
<li> <img src="http://farm6.static.flickr.com/5146/5627204218_b83b2d25d6_z.jpg" alt="" title="Bokeh" /> </li>
<li> <img src="http://farm6.static.flickr.com/5181/5626622843_783739c864_z.jpg" alt="" title="Blossoms" /> </li>
<li> <img src="http://farm6.static.flickr.com/5183/5627213996_915aa49939_z.jpg" alt="" title="Funky Painting" /> </li>
<li> <img src="http://farm6.static.flickr.com/5182/5626649425_fde8610329_z.jpg" alt="" title="Vintage Chandelier" /> </li>
</ul>
</div>

This awesome jQuery plugin is developed by unknown. For more Advanced Usages, please check the demo page or visit the official website.