Fullscreen
[Show/Hide Right Column]

Print
English

An example slideshow for Tiki 5

Extending slideshow capabilities in Tiki5 through JQuery S5

Introduction


This is a very simple jQuery + Javascript Slide Show engine. It can turn the most basic document, such as this one, into a slideshow.

The concept is based on S5 which is a wonderful HTML slideshow engine. S5, however, requires you to add more markup than I care to worry about. JQS5 doesn't require any special markup to your document. Just add in the header and you're set!

Mouse-over to the bottom of the screen to see options (previous/next slide, notes, etc.)

Simple HTML (or wiki)


You then just make your slides like you would a basic HTML page. Each <h2> (or !!) becomes a slide title and all the things under it are the slide body. The <h1> (or ! ) is the title of the presentation and things below it are part of the footer.

The End

That's all folks!

For more information, see:
http://doc.tiki.org/JQS5




Contributors to this page: Marc Laporte9123 points  , xavi67830 points  and Jonny Bradley1235 points  .
Page last modified on Saturday 14 April, 2012 23:58:03 UTC by Marc Laporte9123 points .
The content on this page is licensed under the terms of the Creative Commons Attribution-ShareAlike License.

Site Language

Reference Guide

Keywords

These keywords serve as "hubs" for navigation within the Tiki documentation. They correspond to development keywords (bug reports and feature requests):



Tiki Newsletter

Delivered fresh to your email inbox!
Newsletter subscribe icon
Don't miss major announcements and other news!
Contribute to Tiki