Super transition slideshow

Super transition slideshow WordPress plugin is an image slideshow gallery that brings each image into view using 1 of N randomly chosen transitional effects in IE browsers. For other browsers that don’t support these built in effects, a custom fade transition is used instead.

Features of this plugin

  1. Simple slideshow.
  2. Easy installation.
  3. Easy configuration and customization.
  4. Short code available for pages/posts.

Live demo available on the sidebar. Do you want to display the images with description? then use my superb slideshow gallery plugin.

Installation instruction

Method 1

  • Download the plugin from download location.
  • Unpack the file
  • Extract the /super-transition-slideshow/ folder.
  • Drop the “super-transition-slideshow” folder into your ‘wp-content/plugins’ folder.
  • In word press administration panels, click on plug-in from the menu.
  • You should see your new “super transition slideshow” plug-in listed.
  • To turn the word presses plug-in on, click activate.

Method 2

  • Go to ‘add new’ menu under ‘plugins’ tab in your word-press admin.
  • Search “super transition slideshow” plugin using search option.
  • Find the plugin and click ‘Install Now’ link.
  • Finally click activate plug-in link to activate the plug-in.

Method 3

  • Download the plugin from download location.
  • Go to ‘add new’ menu under ‘plugins’ tab in your word-press admin.
  • Select upload link (top link menu).
  • Upload the available file and click install now.
  • Finally click activate plug-in link to activate the plug-in.

Plugin configuration

Drag and drop the widget : Go to widget page under Appearance tab, Drag and drop Super transition slideshow widget into your side bar.

Short code for pages and posts : copy and paste the given short code into pages or posts.

Short code from version 3.0 to 6.0






Short code from version 6.1 onwards

[super-slideshow dir="dir1"]

[super-slideshow dir="dir2"]

[super-slideshow dir="dir3"]

[super-slideshow dir="dir4"]

[super-slideshow dir="dir0"]

Each short code for 1 directory. totally we can create 5 different slideshow.

Add directly in the theme : Use this PHP code, <?php if (function_exists (sts_show)) sts_show(); ?> to add the gallery into your theme files

Frequently asked questions

Q1. How to arrange the width and height of the slideshow?

1. This plug-in will not create any thumbnail of the image.
2. To change or use the fixed width take “super-transition-slideshow.js” file from plug-in directory and go to line 63 and fix the width, see below.
slideHTML+=’<img src=”‘+this.imagearray[index][0]+’” />’
slideHTML+=’<img width=”200″ src=”‘+this.imagearray[index][0]+’” />’
3. And take the “super-transition-slideshow.css” css file from same directory and set the width to “sts_class” class.

Q2. How to change the slide delay time?

Go to ‘Super transition slideshow’ link under SETTING tab to change these settings.

Q3. How to upload my images?

In default this is the image location: wp-content/plugins/super-transition-slideshow/images/
Go to below link to change the image folder location.

Dashboard → Settings → Super transition slideshow

You have to change this folder location to your original location. (Best practice is don’t upload your original image into this default folder instead you change this default path to original path)

Q4. How the slide show manages the order?

The file names are returned in the order in which they are stored by the file system.

Download location

Other slideshow plugins