Download v1.1
AnythingSlider
Features
- Slides are HTML Content (can be anything)
- Next Slide / Previous Slide Arrows
- Navigation tabs are built and added dynamically (any number of slides)
- Optional custom function for formatting navigation text
- Auto-playing (optional feature, can start playing or stopped)
- Each slide has a hashtag (can link directly to specific slides)
- Infinite/Continuous sliding (always slides in the direction you are going, even at "last" slide)
- Multiple sliders allowable per-page (hashtags only work on first)
- Pauses autoPlay on hover (option)
- Link to specific slides from static text links (Slide 6)
Usage & Options (defaults)
$('.anythingSlider').anythingSlider({
easing: "swing", // Anything other than "linear" or "swing" requires the easing plugin
autoPlay: true, // This turns off the entire FUNCTIONALY, not just if it starts running or not
startStopped: false, // If autoPlay is on, this can force it to start stopped
delay: 3000, // How long between slide transitions in AutoPlay mode
animationTime: 600, // How long the slide transition takes
hashTags: true, // Should links change the hashtag in the URL?
buildNavigation: true, // If true, builds and list of anchor links to link to each slide
pauseOnHover: true, // If true, and autoPlay is enabled, the show will pause on hover
startText: "Start", // Start text
stopText: "Stop", // Stop text
navigationFormatter: null // Details at the top of the file on this use (advanced use)
});
Linking directly to slides
$("#slide-jump").click(function(){
$('.anythingSlider').anythingSlider(6);
});
Changelog
Version 1.1
- Changed default easing to "swing" so didn't depend on any other plugins
- Removed extra junk (other plugins used for design, etc)
- Added Pause on Hover option
- Added options for passing in HTML for the start and stop button
- Added option to use custom function for formatting the titles of the navigation
- Added public interface for linking directly to certain slides
Version 1.0
