Don’t just display images; showcase them in style using this wordpress plugin superb slideshow transition gallery with random transition effect plugin. This is an image slideshow gallery that brings each image into view using 1 of 15 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.
Want to see another transition effect for the images gallery? then refresh this page and see the gallery with different transition effect.
Features of this plugin
- Simple to configure.
- Easy installation.
- Lovable transition effect on IE browser & simple fade transition in other browser.
- It doesn’t install any rubbish.
See widget demo on sidebar and short code demo on page. Check out the other slideshow plugin on sidebar plugin list.
Installation instruction
Method 1
- Download the plugin woo-superb-slideshow-transition-gallery-with-random-effect.zip from download location.
- Unpack the woo-superb-slideshow-transition-gallery-with-random-effect.zip file
- Extract the /woo-superb-slideshow-transition-gallery-with-random-effect/ folder.
- Drop the woo-superb-slideshow-transition-gallery-with-random-effect folder into your ‘wp-content/plugins’ folder.
- In word press administration panels, click on plug-in from the menu.
- You should see your new woo-superb-slideshow-transition-gallery-with-random-effect 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 woo superb slideshow transition gallery with random effect 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 woo-superb-slideshow-transition-gallery-with-random-effect.zip 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 woo-superb-slideshow-transition-gallery-with-random-effect.zip file and click install now.
- Finally click activate plug-in link to activate the plug-in.
Live demo
Plugin Configuration (Version 1.0 to 5.0)
Method 1: Go to widget menu and drag and drop the Woo superb slideshow transition gallery with random effect widget to your sidebar location.
Method 2: Copy and past the mentioned code to your desired template location. <?php if (function_exists (woo_show)) woo_show(); ?>.
Method 3: Use the short code to create this gallery in the pages and posts. Click here for short code.
Plugin Configuration (Version 6.0 onwards)
Method 1: Go to widget menu and drag and drop the Woo superb slideshow widget to your sidebar location.
Method 2: Copy and past the mentioned code to your desired template location.
<?php woo_show( $type = "widget" , $random = "YES" ); ?>
Method 3: Use the short code to create this gallery in the pages and posts.
[woo-superb-slideshow type="widget" random="YES"]
Frequently asked questions
Q1. How to change the slide delay time?
Go to “Woo superb slideshow transition gallery with random effect” under setting menu, in that page you can find the option to update slide delay.
Q2. Where to upload my image?
Go to “Woo superb slideshow transition gallery with random effect” under setting menu, and click “image management” button, in that page you can find the option to add your images.
Q3. How the slide show manages the order?
Go to “Woo superb slideshow transition gallery with random effect” under setting menu, in that page you can find the option for order (random/not). this is only for widget, for page gallery, in the filter keyword itself have option for order.
Q4. How to split the images for gallery?
In the image management page we have TYPE option to separate the images for gallery (“widget” is default for widget gallery).
Q5. Where to update the duration of transition?
Go to “Woo superb slideshow transition gallery with random effect” under setting menu, in that page you can find the option to update duration.
Q5. Where to update the pause time between images?
Go to “Woo superb slideshow transition gallery with random effect” under setting menu, in that page you can find the option to update duration.
Q6. To change or use the fixed width? or How to arrange the width & height of the slideshow?
if u add all the images in the same size there is no problem in the gallery, if any problem occurred because of the image size difference do the following change.
To change or use the fixed width take “w00-superb-slideshow-transition-gallery-with-random-effect.js” file from plug-in directory and go to line 63 and fix the width, see below.
slideHTML+=’<img src=”‘+this.imagearray[index][0]+’” />’
to
slideHTML+=’<img width=”200″ src=”‘+this.imagearray[index][0]+’” />’
Download location
http://www.gopiplus.com/work/wordpress-plugin-download/
Plugin short code for posts and pages.
[woo-superb-slideshow=PAGE=YES]
woo-superb-slideshow : Default text
PAGE : Image gallery type (Check image management page)
YES : Random display on
very good.I really need it.
Awesome! Great work as always!
Not working in IE7 & IE8. Works in firefox and chrome.
Any ideas?
Hi… I found the solution for the IE7 & IE8 problem…
Find this file in the plugin editor:
woo-superb-slideshow-transition-gallery-with-random-effect.js
Go to line 35 and comment out these lines (35,38 and 39)
35 //if (contentdiv.filters){ //if the filters[] collection is defined on element (only in IE)
36 contentdiv.style.filter=global_transitions[effectindex] //define transition on element
37 this.pause+=setting.transduration //add transition time to pause
38 //}
39 //this.filtersupport=(contentdiv.filters && contentdiv.filters.length>0)? true : false //test if element supports transitions and has one defined
Hope you can fix it… and may the force be with you
I tried these changes and it still doesn’t work in IE. Any orther help?
Yeah, stop using IE7 & 8…. Seriously, less than 3% of people still use those browsers, the more we cater to them the more will hang on to them and continue using them instead of upgrading to a real browser like Firefox, Chrome or Opera.
Delete Function within the admin does not work.
Error: _cas_delete is not defined
Source File: http://xxxxxxxxxx/wp-admin/options-general.php?page=woo-superb-slideshow-transition-gallery-with-random-effect/image-management.php&DID=4
Line: 1
superb plugins. i will try it
Does the plug-in work with .png files? I have problems with transparent parts of .png images (they are always displayed as black). Any fixes?
That’s nice plugin but having some problem. This plugin image gallery is accessible from any user dashboard. I need to show that only in Admin Section. Please reply…
How add this image slideshow to header of my wordpress front page
Deleting or display blocking of added images doesn’t work. I don’t know how to modify plug-in to activate deleting option, but I succesfuly activated blocking option. If you want to turn it on just edit file
“woo-superb-slideshow-transition-gallery-with-random-effect.php” and find lines:
$sSql = “select woo_path,woo_link,woo_target,woo_title from “.WP_woo_TABLE.” where 1=1″;
$sSql = $sSql . ” and woo_type=’”.$woo_type.”‘”;
(in function woo_show() )
Change second line:
$sSql = $sSql . ” and woo_type=’”.$woo_type.”‘ and woo_status=’YES’”;
Thanks for putting these together. These are very useful plugins.
I like your slideshow plugins.
I appreciated looking through your article. I should confess it was the first posting on your web log I truly enjoyed and where I had a feeling of agreement, know what exactly I mean? Nevertheless, keep the blogging and I’ll be back once again.
I am noob and need help with getting my WP media library into slideshow. I think the image url is when I click on my image and it has File Url towards the bottom of that page, is that correct?
But where does “Enter target link:” come from? where do I find that link url?
Hello,
Thanks for the plugin. It is great. There is only one thing: I cannot delete images. Is there a way to fix this?
THanks
I found the problem for the delete button but now I got an error that says: “You do not have sufficient permissions to access this page.”
The problem for the delete buttons is in the follow line:
<a onClick="javascript:_cas_delete('woo_id); ?>’)” href=”javascript:void(0);”>Delete
change it to this:
<a onClick="javascript:_woo_delete('woo_id); ?>’)” href=”javascript:void(0);”>Delete
The delete button is then working but when you click on it en click ok to confirm I got the permission error. So how come?
Thankssss
I’m a bit new a at this and have some questions configuing your woo suberb slideshow. I think I use the image link from my media gallery. What am I supposed to put for Target link, target option, and gallery type. I like your demo of your woo slideshow but when I put on my page I can only get the 3 images that are loaded when I downloaded the product. I cannot figure how to load my images. Also is there a limit as to how many images I can load? Thank so much. Cool product.
All is well about this plugin except ONE thing and that is its Delete Button!
Delete button issue has been fixed.
Is there a way to upload multiple images?
No, We have separate admin page to update the image URL.
Is there a way to use the images from the wp media library?
I like this plugin, but.. ..i got a widget in my phone which uploads my photos to certain directory on the server eq. wp media library, and it would be great, if this plugin could pick them up automatically to slideshow, without needing to add them separately from the uploader..
Is there a specific plug-in that allows for the addition of a handling charge to the UPS charges? If so, which plug-in is it?
hi,
I trying to insert the gallery slide into a regular page but i try to paste
[woo-superb-slideshow=PAGE=YES] but it does not work. Am I missing anything else?
[woo-superb-slideshow type="widget" random="YES"]
you were missing the word random and the ” “
In IE 8 my slides are move REALLY lowly.. If I change the transduration that fixes the problem, but then my entire page wil be “jumping” with all the other browsers. Anybody else experiencing this problem?