Submit your widget

timeline slideshow with jQuery

Created 10 years ago   Views 19684   downloads 7413    Author frique
timeline slideshow with jQuery
View DemoDownload
53
Share |

Including the plugin on your page will turn a <ul> list into a slideshow with the <li>s as slides (see a markup example below). Then style it by CSS -with or without images- and customize the behaviour using the plugin options.

Features

  • Very customizable by CSS & plugin options
  • Use any type of html / media types inside the slides
  • Use a global or individual slide interval
  • Optionaly show / hide most of the features
  • 4 transition types (fade, slide, reveal, instant)
  • Compatible with all common browsers, even IE6
  • Multiple instances on the same page possible
  • Optional autoplay
  • Optional custom callback functions for most events
  • User can click a node to start the associated slide
  • User can click the timeline to start the associated slide
  • User can pause/resume the presentation
  • Keyboard functionality (space = pause/play)

Example markup

<ul id="your_element_id" class="timeliner">
    <-- Minimal setup: -->
    <li>Your slide content here</li>

    <-- Full setup: -->
    <li title="This slide's title" lang="(induvidual slide duration in seconds)">
        Your slide content here
    </li>
</ul>

More detailed documentation is included, along with the commented source files.

Read more:http://frique.me/timeliner/