conventAccordion Code
jQuery plugin for horizontal and/or vertical accordion.
Brought to you by:
luchklooster
Menu
▾
▴
Tree [5cbeaf] master / History
| File | Date | Author | Commit |
|---|---|---|---|
| css | 2013-03-11 |
Luch Klooster
|
[5cbeaf] Added css files. |
| img-demo | 2013-02-13 |
Luch Klooster
|
[83600c] First release |
| js | 2013-03-08 |
Luch Klooster
|
[a101f8] Version 1.0.0 |
| .gitattributes | 2013-02-13 |
Luch Klooster
|
[83600c] First release |
| .gitignore | 2013-02-13 |
Luch Klooster
|
[83600c] First release |
| README.md | 2013-03-11 |
Luch Klooster
|
[5cbeaf] Added css files. |
| conventAccordion.jquery.json | 2013-03-11 |
Luch Klooster
|
[5cbeaf] Added css files. |
| gpl.txt | 2013-02-14 |
Luch Klooster
|
[ca7ab7] Publishing plugin |
| index.html | 2013-02-13 |
Luch Klooster
|
[83600c] First release |
| mit.txt | 2013-02-14 |
Luch Klooster
|
[ca7ab7] Publishing plugin |
Read Me
conventAccordion
conventAccordion is an accordion plugin for jQuery.
Demo page at http://members.ziggo.nl/luch.klooster/
Styling
Styling options are given with the declaration of the ol (ordered list).
As class:
theme // basic (default), dark, light, stitch or spineless
rounded // not-rounded (default), rounded
orientation // horizontal (default) or vertical
As style:
width // in px, auto makes accordion responsive to window size change
height // in px, auto makes height 1/3 of width
list-style-type // decimal (default), decimal-leading-zero, lower-roman, upper-roman, lower-alpha, upper-alpha, upper-latin, none
Options
These are the default settings for the conventAccordion plugin:
pauseOnHover: false, // pause on hover
actOnHover: false, // activate slide on hover
autoPlay: false, // automatically cycle through slides
slideInterval: 3000, // time between slide cycles
continuous: true, // autoPlay one cycle or continuous
startSlide: 1, // displays slide (n) on page load
slideSpeed: 600, // slide animation speed
easing: 'swing', // custom easing function
autoScaleImages: false, // if a single image is placed within the slide, this will be automatically scaled to fit
minContainerWidth : 300, // minimum width the accordion will resize to
maxContainerWidth : 960, // maximum width the accordion will resize to
linkable : false // link slides via hash
prevText: '«', // text of prev control
nextText: '»', // text of next control
playText: 'Play', // text of play control
stopText: 'Stop', // text of stop control
prevTitle: 'Previous', // title of prev control
nextTitle: 'Next', // title of next control
playTitle: 'Play', // title of play control
stopTitle: 'Stop' // title of stop control
Methods
These are the methods for the conventAccordion plugin:
play // trigger autoPlay on a stopped accordion
stop // stop an accordion playing
next // trigger the next slide
prev // trigger the previous slide
active,n // trigger slide n
destroy // remove the accordion, destroying all event handlers and styles (unstyled html content will remain)
debug // returns a debug object
navigation // create an external navigation structure
All of these methods are chainable (i.e. they return the original DOM object) with the exception of the debug method. To call a method, use:
$('#yourdiv').conventAccordion('play');
To chain methods:
$('#yourdiv').conventAccordion('next').conventAccordion('next');
Changelog
v1.0.3 - 11/03/2013
- Added css files for vertical slides, gallery and rotating banner.
v1.0.2 - 11/03/2013
- Update for publishing on plugins.jquery.com.
v1.0.1 - 09/03/2013
- Corrected error in Manifest.
v1.0.0 - 08/03/2013
- First full production version.
- Supports now spineless accordions to be used as gallery slidedeck and rotating banner.
- Extended navigation functions (external method navigation).
v0.1.1 - 21/02/2013
- corrected an error in the readme file.
v0.1 - 26/01/2013
- first release
