Slide-based web app with jQuery
JavaScript
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
README.md
demo.html
folio.js

README.md

Folio.js - Slide-based web app with jQuery

Folio.js is a jQuery plugin that creates a stack of views and pages using your HTML stucture.

Usage

var folio = $('#slide_wrapper').folio(options);

options is a hash of settings:

  • viewClass: class name used to define views, .view by default.
  • pageClass: class name used to define pages, .page by default.
  • afterSlideView: callback that will fire after slide to another view.
  • afterSlidePage: callback that will fire after slide to another page.
  • easingView: easing function for view animations.
  • easingPage: easing function for page animations.
  • durationView: duration (in ms) for view animations.
  • durationPage: duration (in ms) for page animations.

folio will return $('#slide_wrapper') with some extra methods, like:

  • addView
  • removeView
  • slideTo

Also, currentView attribute returns the current view in the whole site. currentView has these methods:

  • addPage
  • removePage
  • isCurrent
  • slideTo

And currentPage, which returns the current page in this view.