Skip to content


Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master
Fetching contributors…

Cannot retrieve contributors at this time

34 lines (19 sloc) 1.335 kb

Mini slideshow for the jQuery library

Fadeshow is a very minimal slideshow implementation which uses fading for the transitions between slides. Due to its simplicity, it has a very limited set of functionality, but feel free to extend or modify it to suit your needs.


To use this code, include fadeshow.js and fadeshow.css to your web page. If you use SASS and/or Compass, you can use fadeshow.scss directly.

Note that Fadeshow depends on jQuery, so make sure you have jQuery included in your web page prior to including fadeshow.js.

After including the aforementioned assets, you can use the following code to embed a fading slideshow in your page:

<ul class="fadeshow">
    <li class="active"><img src="first-image.jpg" alt="First image" /></li>
    <li><img src="second-image.jpg" alt="Second image" /></li>
    <li><img src="third-image.jpg" alt="Third image" /></li>

Bugs and feature-requests

Please use the Github issue tracker for this project.


Please use the "Send Pull Request" functionality of Github, if you wish to send me some patches.


Thanks to the great jQuery library.


Released under the MIT license.

Jump to Line
Something went wrong with that request. Please try again.