History: Slideshow

• «
• »

            ! Slideshow
There are several ways in Tiki that can produce slideshows, depending of the type of content, if standalone or embeded, where the source content to be displayed is stored, and the features enabled in your site:
# The slideshow ((feature)) allows you to create simple presentations via Wiki Syntax or by creating a ((Structures|Structure)).  You can customize the appearance of the show via wiki syntax.  
** Some uses for slideshows:
*** classroom lectures
*** business presentations
*** [http://ueb.vhir.org/show:2012-05-04+Xavier+de+Pedro+Tiki+Seminar#s1|a presentation about Tiki :)]
** Since ((Tiki7)), a new slideshow system based on ((JQS5)) has been added, and it can be used to convert any wiki page with headings into a slideshow.  
** You can fine tune the parameters for your slideshow in a wiki page, with ((PluginSlideshow))
** Click [tiki-slideshow.php?page=ExampleSlideShow|here] for a demo.
# ((PluginColorbox)) displays all images from a file gallery, image gallery, or selected images from a file gallery, and presents them  in its own new window, wrapped in a box with a dark background at the rest of the screen. The viewer has to manually click at the corresponding button to move forward to each new image.  
# ((PluginFiles)) is able to launch a slideshow presentation of images from a file gallery in its own new window, wrapped in a ((colorbox)) environment (a box with dark  background at the rest of the screen). The slideshow autoplays and self-advances itself.
# ((PluginSlider)) makes an embedded slideshow from whatever content you add there (images, text, video, etc, splitted between markers for new slide) .
# ((PluginCarousel)) displays the images of a filegallery in a self-advancing carousel, as an embedded slideshow.
# ((PluginGalleriffic)) displays images from a file gallery using the Jquery Galleriffic module, which produces an embedded slideshow which can autoplay and self-advance itself.

From now onwards

{maketoc title=""}

!! Split text in slides
Slideshows are easy to make and easy to view.  Just split up your document by using Wiki syntax headers which are as follows (this would make a very simple and easy to view slideshow):
{CODE(colors="tiki")}
!Slide Header 1
Slide Content

!!Slide Header 2
Slide Content

!!Slide Header 3
Slide Content

!!Slide Header 4
Slide Content

!!!Slide Header 5
Slide Content
{CODE}
Titles break up your document so that slideshow knows what to do with it.  TO view the plugin, ensure that feature_slideshow is enabled, and there will be a button at the bottom of your wiki page to switch to the slideshow view of that page.

With the slideshow feature on, pages are attempted to be converted into a slideshow automatically.  To further configure slideshow, use the plugin - ((PluginSlideshow)).  This includes __saving__ your current page's theme etc.

See more information on the slideshow feature at the documentation page ((PluginSlideshow))

!!PDF Export
PDF export has been added to ((Tiki9)).  To turn on simple follow these steps:
*Enable
**Visit "tiki-admin.php?page=features" in your installation of tiki
**Ensure that "Slideshow (jQuery.s5) PDF Export" is checked
*To export the page/presentation as a PDF
**Click the "Slideshow" button on a wiki page
**Click the "Export to PDF" button found in the bottom of the page in the slideshow menu
*** Choose vertical or horizontal
*** Choose font size

!!Other Non-Wiki Slideshows
Other types of slideshow functionality exist in Tiki. ((File Gallery)) and ((Image Galleries)) have slideshow functionality built in.
For image slideshows in wiki pages see ((Colorbox)) and ((Shadowbox)), [http://themes.tiki.org/infinite_carousel|Infinite Carousel] and ((PluginImg)).


!!Adjusting css properties
!!! Font Size
Font can be adjusted by adding the following css to the page (in admin look and feel will probably be easiest). Default is 1em, so 1.1 would be slightly larger, 0.9em would be slightly smaller.
{CODE(colors="css")}
/*slightly larger*/
#s5-size-detector {
	width: 1.1em ! important;
	height: 1.1em ! important;
}
{CODE}

!!! Spacing
You can use this code to have all text show higher spacing:
{CODE(colors="css")}
/*slightly larger*/
.s5-slide * {
        line-height: 1.1em ! important;
}
{CODE}

And you can use this other code to have just items in lists (ordered and unordered) higher spacing:
{CODE(colors="css")}
/*slightly larger*/
.s5-slide * li {
        padding-top: 0.5em ! important;
        padding-bottom: 0.5em ! important;
}
{CODE}

!!! Footer size
You can use this code to have higher footer text:
{CODE(colors="css")}
/*slightly larger*/
.s5-footer {
        font-size: 120% ! important;
}
{CODE}

!! More information
See ((PluginSlideshow)) for more information on how to customize a presentation, with a real example.

-=From Here=-
{toc}

-=alias pages=-
(alias(Slideshows)) | (alias(Slide shows)) | (alias(Slide show))