a jQuery slideshow plugin
JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
src
README

README

This is a jQuery slideshow plugin I've adapted from a blog.

Usage:

$(function(){
  $('#a_single_element').slideShow();

  $('.multiple_elements').slideShow();

  $('#an_element').slideShow({
    random: false, // picks a random starting image
    fadeSpeed: 'slow' // or an integer
    interval: 6000 // exact interval in milliseconds
  });
});

Structure:

Right now it expects an html structure of a div with multiple images nested inside

<div>
  <img src="..." />
  <img src="..." />
</div>

CSS:

there are 3 expected things in CSS right now

1. The containing element needs have the 'position: relative;' rule

2. The images should have this style

    .container img {
      left: 0;
      position: absolute;
      top: 0;
      z-index: 8;
    }

3. And these 2 classes have to exist, in this order

    .container img.active {
      z-index: 10;
    }
    .container img.last_active {
      z-index: 9;
    }

I do plan on removing the css dependencies, but that's for later.


Thanks for using it if you do, and I plan on adding much more functionality, just ask for it if you want it.

~ Jose Cortinas
~ @jacortinaS
~ jacortinas@gmail.com