Plugins
Home

The plugins site is currently in development.

We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.

Releases for jFlow - The Ultra-lightweight Fluid Content Slider for jQuery


jFlow - The Ultra-lightweight Fluid Content Slider for jQuery 1

Submitted by ktan on May 14, 2008 - 7:36pm

jFlow is a widget to make your content slides. One popular alternative that exists out there is coda-slider. jFlow is super lightweight because it is only 1.9kb minified!!!.

$("#myController").jFlow({
    slides: "#mySlides",
    width: "99%",
    height: "200px",
    duration: 400
});

Explanation:

#myController: the div where all the slide controller are nested in
slides:  the div where all your sliding divs are nested in (note: you can define classes for each div inside slides)
width: can be specified in px or % (required)
height: can be specified in px (required)
duration: time in miliseconds to transition one slide (optional, default is 400)

2 divs created by jFlow as containers, you can style them to your liking

#jFlowSlide: This is the container where all the slides reside
.jFlowSelected: This is the current activated controller

Special div definition