![[Show/Hide Right Column]](pics/icons/orightcol.png "[Show/Hide Right Column]"){kind=icon}
PluginSlideshow
Introduced in Tiki7, and improved in Tiki8 and Tiki9Use this Plugin to configure a slideshow from the content of the wiki page using the headings in it. It extends the existing wiki page slideshow with notes & styles.
Table of contents
1. Setup
You need to enable it by means of marking these two checkboxes:- "Admin home > Wiki > Features > Slideshow"
- "Admin home > Editing and plugins > Plugins > slideshow"
2. Usage:
{slideshow slideseconds="15"}This way you can indicate the duration of each slide when the slideshow autoplay mode is on.
Or you can also write notes for slides this way:
{SLIDESHOW(slideseconds="15")}Notes/////Notes{SLIDESHOW}2.1. Avoid images being resized and relocated
This s5 slideshow engine in Tiki resizes and relocates images automagically by default, in order to allow quickly show content, and a small thumbnail of the image at the upper right corner of the slide.If you prefer to have the image shown at its original size and position, you can add the parameter class="fixedSize" to your img call. Example:
|
This code whould show the image as a small thumnail in the upper right corner of the slide: code to allow resizing and relocating the image {img src="display2" rel="box[g]" width="500"} |
|
But this code would allow the image to be shown at the orignal size of 500px and at the same position where this code was written. code to keep original size and position {img src="display2" rel="box[g]" width="500" class="fixedSize"} |
|
3. Parameters
Required parameters are in boldPreferences required: wikiplugin_slideshow, feature_slideshow, wiki_uses_slides
| Parameters | Accepted Values | Description | Default | Since |
| theme | ui-lightness | ui-darkness | smoothness | start | redmond | sunny | overcast | le-frog | flick | pepper-grinder | eggplant | dark-hive | cupertino | south-street | blitzer | humanity | hot-sneaks | excite-bike | vader | dot-luv | mint-shoc | black-tie | trontastic | swanky-purse | The theme you want to use for the slideshow, default will be what you choose from the admin panel under Look and Feel for jQuery UI | Tiki jQuery UI Theme | 7.0 |
| backgroundurl | Valid url | URL of the background image to use in your slideshow, overrides backgroundcolor | 7.0 | |
| backgroundcolor | Background color to use in your slideshow, default | #0087BB | 7.0 | |
| class | Any valid CSS class | Apply custom CSS class to the containing div. | 7.0 | |
| headerfontcolor | Any html color | Apply a color to the headers of your slideshow | #56D0FF | 7.0 |
| headerbackgroundcolor | Any html color | Apply a color to the headers of your slideshow | 7.0 | |
| slidefontcolor | Any html color | Apply a color to the slides of your slideshow | #EEFAFF | 7.0 |
| listitemhighlightcolor | Any html color | Apply a color to the line item when mouse over | 7.0 | |
| slideseconds | Second count | How many seconds a slide will be open while playing, overridden when slideduration is set. | 15 | 7.0 |
| slideduration | Second count | How many milliseconds a slide will be open while playing | 15000 | 9.0 |
| textside | left right |
The side on which you would like to display text if there are images that are resized or present | Left | 7.0 |
4. Example
See this presentation as example, create with the JQuery S5 Slideshow Feature in Tiki7 in a localhost, and then converted into pdf in a later stage, as seen here:http://ueb.ir.vhebron.net/UseR+2011
4.1. Source Wiki page
This is the wiki page created in the local tiki site:Identify these 3 areas, since they are specially rellevant and take different roles when the page is shown as a slideshow:
(1) Wiki page title
(2) First section between headings
(3) Second Section between headings
4.1.1. Title of the wiki page
In this case, this is "2011 UseR"4.1.2. First section between headings
First section between headings of levels 1 to 3 (of level 2 in the case shown at the previous screenshot (created with standard "!!" syntax).Limited text is added here since this first heading and its content until the next heading will be used as a footer for the presentation when in slideshow mode.
4.1.3. Second section between headings
Second section between headings, of second level in this case (created with standard "!!" syntax). This will be used as the entry point for the presentation.At this point, you click at the "slideshow" button that will show up in the bottom of the wiki page, which will lead you to an url similar tiki-slideshow.php...
4.2. Second slide used as official presentation of the slideshow
As seen in the previous slideshow, a few areas can be recognized from the source wiki page:
(2) First section between headings
(3) Second Section between headings
4.2.1. Wiki page title
"2011 UseR" is the text shown in the top bar of the browser (not seen in the previous screenshot)4.2.2. First section between headings
Content of the first heading is shown as footer in the slideshow for all slides.4.2.3. Second Section between headings
Content of the second heading can be used as a normal presentation of the slideshow. Next headings will be used as indicators of new slides.Control bar at the bottom
When you pass your mouse over the footer of anyslide, an control bar will be show at the footer instead:
In this bar you will find some buttons and controls that will allow you to manage the play, forward, reverse, etc. of the presentation, plus a few other things:
(4). Slideshow Theme style
(5). Notes
(6). Slide list for quick jumps
(7). Close the presentation and back to wiki page
(8). (Missing in screenshot). Since Tiki9, there is also the option to generate a PDF from the presentation.
4.2.4. Slideshow Theme style
You can change the theme style for the presentation ("redmond" style shown in the previous screenshot).4.2.5. Notes
You can show the notes for the slides, that will appear in a spare browser window, so that when used in a multimonitor environment, they can be shown in the local monitor while the presentation is shown in the public screen.4.2.6. Slide list for quick jumps
You show the slide list, which allows you to click in any of them and jump into it straight away.4.2.7. Close the presentation and back to wiki page
You can also close the presentation and return to the wiki page which acted as a source of the presentation.For more information, see Slideshow
Plugin Slideshow
,
and
.
![[toggle]](javascript:icntoggle('mod-DocUserMenul1','module.png'); "[toggle]"){kind=small}
In Progress