Installation

Installation

There are two ways to install this plugin. But both start with downloading the plugin and getting the login information of your FTP account. As I am very lazy writing documentations I’ll only describe the easiest one. So let’s start:

1. First you need to login to your backend: http://example.org/wp-admin
2. Then you navigate to Plugins -> Add New
3. There you can read: “Install a plugin in .zip format” click on the browse button.
4. Now find the previously downloaded tabbed-content.zip.
5. Click on install now.
6. You will be asked if you want to activate the plugin, click on it.

That’s the whole installation of the plugin. Now you can use it.

Documentation

Documentation

Getting Started

Let’s start by adding a new post. Give him a title, some demo content, a category and what else you used to do. You should also have some pictures you wanna see in this slideshow.

1. Step

Add Media Panel

After you added some images you like click again “Add an Image“. This time you don’t add an Image you just make shure that there are plenty pictures in your gallery:

Gallery with 2 Images

This can/should be more than two images.

2. Step:

If you have enough images in your Gallery you just put the shortcode [ slide] somewhere in your post. Please make sure you don’t leave a space between “[" and "slide". I did it, otherwise the gallery would be shown in here.

Finish:

If you click on preview you should now see your slideshow. Of course there are no options set by now so you go to Media->Slideshow and change it to your default needs.

Options

Slideshow comes with a few but not too much options you can set in the options panel. Let's now take a detailed view on this options:

Dimensions

Height and Width of the slideshow should be self-explanatory.

Colors

Backcolor: A hex-coded color value for the background color of the navigation bar.
Frontcolor: A hex-coded color value for the color of the buttons on the navigation bar.
Lightcolor: A hex-coded color value for the mouse over effect of the buttons.
Screencolor: A hex-coded color value for the background/screen of the player.

Various

Watermark: Watermark means a logo which lays over the slideshow.
Rotationtime: The rotationtime is the interval a image will be shown till it fades and the next comes.
Transition: Transition means the transition between the images.
Randomly choose pictures: With that option you allow the slideshow to choose the pictures randomly.
Overstretch: If an image is smaller than the slideshow dimensions it will be scaled to the correct size.
Show navigation: With this option the navigation bar to switch between the images will be shown on mouse over.
Enable fullscreen mode: Here you enable the user to go fullscreen.
Start slideshow automatically: This option allows the plugin to play the images without a mouse click.

Shortcode options

Every above described option can also be set throw the shortcode directly. Here is a statement with all possible options:

[ slide id="1" with="123" height="345" backcolor="#222222" frontcolor="c0c0c0" lightcolor="#f2f2f2" screencolor="#ffffff" logo="http://example.org/full/url/to/image.jpg" rotationtime="20" transition="random" shuffle="true" overstretch="false" shownavigation="true" usefullscreen="true" autostart="true"]

Above in getting started I said you should set your default settings because all settings will be overriden and you don't need to set it again in this shortcode. This is mostly used if you want other dimensions of the slideshow, ...

There is also a new option you didn't have in your options panel:
ID: Here you can set the Post ID of a post that contains a gallery. This options overrides the own gallery and uses a gallery which is defined by the Post ID.

Beside ID there are also 3 other options which can be set in the shortcode:
Audio: Here you can pass the full URL to a *.mp3 file which will be played when the slideshow starts.
Flickr: The option flickr needs a full URL to a flickr RSS-feed eg. a photoset.
Picasa: Needs a full URL to a picasa web RSS-feed.

Template function

WordPress Gallery Slideshow delivers furthermore a template function. This function you can use eg. in your templates, sidebar, ...

if ( function_exists( 'show_slideshow' ) ) {
show_slideshow( "OPTIONS" );
}

Here you can use all options like you use it in the shortcode. The only difference is how you have to divide the options. In the shortcode you just make a space an write the next option. The template function uses a | as divider and you don't need to set everything in quotes:

if ( function_exists( 'show_slideshow' ) ) {
show_slideshow( "height=320|width=480|flickr=http://example.org/url/to/flickr/rss/feed" );
}

Demos

Local Images

Flickr Images

Picasa Images

WordPress Gallery Slideshow with Flickr Photo Stream with live Music Stream of Rockantenne Bayern.

FAQ

Non so far.