Tuesday, August 14, 2012

Superb Slideshow in Wordpress

Slideshow script that incorporates some of your most requested features all rolled into one. Each instance of a fade in slideshow on the page is completely independent of the other, with support for different features selectively enabled for each slideshow.
  • Fade in effect that has the current image fading over the previous one.
  • Automatic slideshow.
  • Slideshow can be set to stop rotating after N cycles.
  • Each slide can be optionally hyperlinked.
  • Each slide can have an optional description associated with it.
  • Descriptions can either be set to show on demand (when the mouse rolls over the slide), or be always visible until explicitly dismissed.
  • Persistence of last viewed slide supported, so when the user reloads the page, the slideshow resumes from the last slide.
  • Slideshow automatically pauses onMouseover.
Live demo available demo on side bar and below. This is XML based image slideshow to add/update/delete images use “superb-slideshow.xml” XML file

Installation instruction and configuration

Option 1
  • Download the plugin superb-slideshow.zip from download link.
  • Unpack the *.zip file and extract the /superb-slideshow/ folder.
  • Drop the ‘superb-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 ‘superb slideshow’ plug-in listed under Inactive plug-in tab.
  • To turn the word presses plug-in on, click activate.
Option 2
  • Go to ‘add new’ menu under ‘plugins’ tab in your word-press admin.
  • Search ‘superb slideshow’ plugin using search option.
  • Find the plugin and click ‘Install Now’ link.
  • Finally click activate plug-in link to activate the plug-in.
Option 3
  • Download the plugin superb-slideshow.zip from download link.
  • Go to ‘add new’ menu under ‘plugins’ tab in your wordpress admin.
  • Select upload link (top link menu).
  • Upload the available superb-slideshow.zip file and click install now
  • Finally click activate plug-in link to activate the plug-in.

Plugin demo

Australia Melbourne st kilda beach collection 3

Frequently asked questions

Q1. How to arrange the width & height of the slideshow?
Go to ‘Superb Slideshow’ link under SETTING tab to change these settings.
Q2. How to change the slide Fade Duration, Pause, Cycles?
Go to ‘Superb Slideshow’ link under SETTING tab to change these settings.
Q3. How to add more image?
1. Upload your images into your server (Use media WordPress dashboard menu to upload images).
2. Take the “superb-slideshow.xml” XMl file from plugin folder.
3. Create new image node like below (add imagepath, link, title, target)
<image>
<path>wp-content/plugins/superb-slideshow/images/gSlide11.jpg</path>
<target>_new</target>
<title>Click to see Superb Slideshow demo</title>
<link>http://www.gopiplus.com/work/2010/07/18/superb-slideshow/</link>
</image>

Plugin configuration

Drag and Drop the Widget : Go to widget page under Appearance tab, Drag and drop ‘Superb Slideshow’ widget into your side bar. its very easy.
Add the gallery in the Posts or Pages : Copy and paste the given short code into pages or posts.
[superb-slideshow=filename=_live.xml&width=600&height=350]
Add directly in the theme : Use this code, <?php if (function_exists (sswld_show)) sswld_show(); ?> to add this plugin to your Theme files.

Requirements/Restrictions!

  1. Works with WordPress 2.7+
  2. PHP 4.5+ or above with dom library support.
  3. See your phpinfo file to check DOM/XML enabled or not.
  4. To work this plugin DOM/XML should be in enabled mode (this is default in enabled mode, so no problem).
  5. If any problem in the close button display; take superb-slideshow/inc/superb-slideshow.js and goto 3rd line and replace the image path with full URL.

No comments:

Post a Comment