Superb Slideshow
July 18, 2010 |
Posted by:
Gopi R |
Wordpress plugin |
82 Comments |
This is a strong, cross browser fade in 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
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!
- Works with WordPress 2.7+
- PHP 4.5+ or above with dom library support.
- See your phpinfo file to check DOM/XML enabled or not.
- To work this plugin DOM/XML should be in enabled mode (this is default in enabled mode, so no problem).
- 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.
DOM/XML phpinfo screen
Note : Those who have updated this plugin from 3.0 to 4.0, go to admin area and change the XMl file name from “superb-slideshow-v2.xml” to “superb-slideshow.xml”, then it will display your correct images
Hi,
seems that update 5.0 dont works anymore. Everytime i update from 4.0 to 5.0 the webserver (Host Europe) hangs completly, also all other domains dont work anymore.
DOM is enabled.
Any ideas?
bye, Franky
1. First take backup your existing xml and images.
2. Update the plug-in
3. Remove the cache.
4. Refresh the page.
if not working.. try to update the plugin manually(simply download the plug-in and update the plug-in directory via FTP)
nice plug in……..
I installed it on a 1&1 server and no images loaded..
The DOM/XML is enabled but the function doesn’t load anything from the xml file (wich had ben checked)
Check your XML file name & image path given in the XML file.
thanks for answer but all of that had been done.
the XML DOM object returns an empty array (after the doc->load and doc->getElementByName() T_T
i agree, in this new version it doesn’t load the images. i already checked the xml file and it points to the exact url of the images. it only shows loading gif but no photos.
it seems this new version is not compatible with most web hosting.
any ideas gopi?
I’m here:
http://www.fairegallerycafe.com
I found some directions on here to edit the js and css
files and I did that, and the width and height are in the code
on the page……
my problem is that the slide show is scrunching up all skinny(width) in Safari and IE. Please help this is a high traffic site…………thanks in advance!
Hi. I’m currently trying to use your slideshow plugin, and it works good, BUT I just can’t change the size of the slideshow. It still is 200×150. I’ve tried to hardcode it inside the superb-slideshow.php file, but it still doesn’t work!
Would be really grateful for the urgent reply!
Hi,
I have the above problem. I am trying to add the shortcode but the size wont change? Here’s my shortcode…
[superb-slideshow=filename=superb-slideshow-v2.xml&width=549&height=613]
Please help.
Thankyou.
Hi,
very nice plugin! Is there a possibiliy to show pics in random function? May be there ist a possibility to combine with this possibitlity of your Random image gallery?
Thank you
Hey there again. Thanks for your previous reply, but I’ve got more questions now
How can I make slides in a slideshow change by a click?
Again thanks in advance.
I was all set to go live with this site and then I upgraded the plugin and it doesn’t show the images
Not only that but it appears to interfere with my headway theme visual editor
I deactivated the plugin and my editor works again
I loved this plugin – its a major component of this website. I have it extending the full width of the site just under the menu (doesn’t show now because I deactivated it)
Could I please have a copy of the previous version. It was working great for me. This new version isn’t going to do the job
Please send me version 4
Just a follow up. This plugin works great. I found the problem. It was my error in the xml file. Not a version problem
You can see it in action at http://nordicboatsusa.net
Keep up the great work!!!
Hi,
I have been having a problem with this too.
Would you mind sharing what you found wrong with the xml file Debbie?
hello from greece.
i iam trying to use your plugin in top of my frontpage, and i have problem with this:
i am using the pixopoint menu and the superb slideshow is hiding the dropdown of pixopoint.
is there any way to fix this?
I think the both java-script collapsed each other.
How can I change the background color from black to white? Thanks!
In superb-slideshow/superbslideshow.js find this line and change where it says background
HTML of entire slideshow
setting.$wrapperdiv=$(‘#’+setting.sswld_wrapperid).css({position:’relative’, visibility:’visible’, background:’black’, overflow:’hidden’, width:setting.sswld_dimensions[0], height:setting.sswld_dimensions[1]}).empty() //main slideshow DIV
if (setting.$wrapperdiv.length==0){ //if no wrapper DIV found
alert(“Error: DIV with ID \”"+setting.sswld_wrapperid+”\” not found on page.”)
return
}
Is this known to cause issues with other jQuery sliders or pieces? There is a jQuery slider built into the theme I am using and when I use this plugin, it works fine, but it breaks my other slider (loading jQuery too many times, maybe?)
Great Plugin .. but how can I use css on for example I need round Borders on this .. Thanks Tobias
Anyway to disable the pause on mouseover?
Already available, go to top and check the gallery.
Its really great that people are sharing this ifnormtoain.
any ideas on adding a static image to display if users have javascript disallowed? x
Hi Gopi,
I was wondering how can I do it so my SUPERB SLIDESHOW stops at the last slide, instead of the first one, when I choose “1 cycle”?
I’m guessing I need to change the js code, but couldn’t figure out where exactly.
H!
I’m writing from Croatia and have first step trouble.
Plugin could not be activated because it triggered a fatal error.
Parse error: syntax error, unexpected T_OBJECT_OPERATOR in /home/sites/site242/web/wp-content/plugins/superb-slideshow/superb-slideshow.php on line 41.
Testing on XAMPP/localhost everything works fine but on Net give me a error.
Please, help!
I love your plugins. Many thanks.
This one is very flexible, which is good, but I have a problem: With a theme that uses pull-down menus (like the one at http://www.multideias.eu for example) the slideshow overlaps the menus, and it should be the other way around.
Any way of solving this editing code? Or are you planning to add a Z-plane option so people can choose the plane where the slideshow will stay?
Thanks once more!
I’ve added this as a widget, but it automatically includes an title, even when I haven’t included a title.
How can I stop this from showing?
Doesn’t seem to accept accented characters such as í or í
Thanks,
Joe
how do i put the slideshow on to the homepage as the central image. please help!!
I have the plugin working great in a post or page, my pics show and everything. My problem is when I install it as a widget in the sidebar some how it screws up my entire hompage!
my section where I have “featured” posts uncompresses into seperate posts and the same happens for the video player. instead of one video player showing multiple videos it seperates each video in the list so there will be multiple video players instead of one with a playlist! how can I fix this, I want to use this in the side bar and not in a post or page. Or is this simply a conflict with my theme perhaps?
Infact this same problem happens with your other plugins also, ive tried New Simple Gallery and get the same result.
I do however have your Random image gallery with fancy zoom installed and this doesn’t cause any problems with the rest of the page.
please help thanks.
On my Windows Server 2008 R2 running IIS 7.5 I had to modify the code slightly to get it to read the XML file.
In superb-slideshow.php I replaced..
$doc->load( $sswld_pluginurl . $sswld_xml_file );
with a physical path..
$doc->load( “c:\inetpub\wwwroot\superb-slideshow.xml” );
A programmer should probably sort this out properly.
I am using this plug-in on of my clients sites [given above] but it is hiding the menu, will appreciate a way to overcome this issue is shared with the community.
Thanks
Hi,
Are I able to remove the link functionality of the images?
Thanks – great plugin!
Hey there. I got everything to work correctly except that I have a gap of about 5px above the slide show and the wrapping div that its in. Is there a know factor with the slideshow that I’m over looking? I need the slide show to be flush with everything else on the page.
Great job !
[...] Superb Slideshow [...]
[...] Live Demo Download [...]
This plug-in was confusing and lengthy and it shouldn’t be that way! People should know this: if inserting this line of code ONLY into your post or page “[superb-slideshow=filename=page1.xml&width=400&height=300]” you will get a blank area and won’t be able to see any images. Try this if that happens: make a new template to use with the slideshow (you can call it “Slideshow” if you want) and put this code where you want it to appear on the page: “” (without quotes, of course). If you do this method, delete the “[superb-slideshow=filename=page1.xml&width=400&height=300]” from the post/page. Then, it worked for me. I don’t know why the other method didn’t work completely. The whole tutorial needs to be re-written more clearly, if you want my opinion.
this goes where those empty quotes go, sorry!:
“” why isn’t the php tag showing up when I copy and paste it? Grr!
This past week I noticed the slideshow stopped working on one of my websites. It was working great and I have not changed anything on the site. Any suggestions what may have gone wrong? Please help!
Wow you would think when you upgraded a plugin, from the wordpress dashboard it would save the old data.
Why are you so lazy???
You can’t not replace the .xmls?
Thanks to the horrible coding now I have to remake over 20 .xml videos. O wait nvm Im using a different plugin
One that doesnt shaft its users.
Can any one explain why the sidebar version of this plugin breaks the slideshows on my entire blog. Finally found a plugin that works just how I need it to and it breaks everything. Stuff like this only happens to me. jeez.
any help would be appreciated.
Hello!
Thanks for this great widget.
Chapeau!
Could you please add a background color parameter?
Transparency, too?
Thanks and happy new year.
DADA AALTO
[...] Live Demo Download [...]
I love this plug-in, but there’s something I can’t figure out: Superb Slideshow Gallery works well by itself (installed it with a customized twenty ten theme) but it seems to cause the “Fancybox” plug in to stop working. Any idea how I can get them both to work on the same site at the same time??
How can you center the slide show widget. With my theme, the photos are slightly off and it is uncomfortable. I want to center the slideshow in the middle of the widget sidebar.
How to center the slideshow in a page or post? He is always
left. Thanks for plugin
Hi Gopi,
Thanks for your plugin – love it – great work.
I would like to know where I can change the background color from black to white when the slideshow loads.
I know this will require me to edit something in the plugin editor, but I am not sure where…
Thanks for you help…
Cheers
Lars
domdocument::domdocument() expects at least 1 parameter, 0 given in C:\xampp\htdocs\nata\wp-content\plugins\superb-slideshow\superb-slideshow.php on line 35
I keep trying to change the height and width of the sideshow to fit the space on the page to no avail. I have changed the numbers in both the settings menu and also on the html code pasted on my page.
I was able to make changes in the past, however I can’t get it to work right now.
Love the plug in just need to get the size right.
Any assistance would be greatly appreciated.
Thanks,
Shawn
Hi
Great Plugin!
Works wonders
Thanks!
Any one else had issues with overlay of the slideshow images when using ligthbox plugin???
The thing is… when viewing images with the lightbox effect the slideshow images still apperar infront.
Thanks in advance for any help on the matter.
James
Awesome!
[...] Live Demo Download [...]
I have installed this plugin, and followed the very confusing instructions, and it doesn’t work. All I get is a black box with spinning dots.
Can anyone please suggest and alternative, or possibly give me a clear explanation of how to install this plugin?
This plugin works sucessfully under brazilian wordpress 3.2.1, so I need to exchange the word “slideshow” to “Revista FOSSGIS”.
http://www.processamentodigital.com.br/
Any ideas?
Best Wishes, Jorge Santos
Change the widget title in the setting page
OK I now installed super-slide show. I am using default template from Word Press and whenI replace the heder image super-slide show floats to the right and can’t get it where I want to. You can see it here http://www.soultherapy.com.au . Can you or someone please help me with that?
Thanks
[...] Superb Slideshow: Info | Download [...]
I mean, I do know it was my choice to read, however I really thought youd have one thing attention-grabbing to say.
[...] Live Demo Download [...]
Also had the same problem as Davíð Víðisson. Needed to replace the web path with the file path (but this is on Linux).
I replaced:
$doc->load( $sswld_pluginurl . $sswld_xml_file );
with:
$filePath = str_replace(“index.php”, “”, $_SERVER['SCRIPT_FILENAME']);
$filePath .= “/wp-content/plugins/superb-slideshow/”;
$doc->load( $filePath . $filename );
Oh, an excellent article! I have no clue how you wrote this post..it’d take me weeks. Well worth it though, I’d assume. Have you considered selling ads on your website?
Hm. Finding it difficult to use … finally got the images there but it REFUSES to show any size except for 200 x 200 no matter what I’ve set the defaults to in the settings page. Could be a good plugin if it was simpler and worked the way it seems like it should.
If I put a shortcode in a page like this, [superb-slideshow=filename=_live.xml&width=600&height=350]
I should get the height and width shown. Why won’t it? I’m happy to help you re-write the instructions in better English so it makes sense. LMK
thanks
Ian
it worked only after I changed the code in the superb-slideshow.php file
also, it now messes up my admin so that after I post, I only get a white page. not good.
had to deactivate it. never good PR.
[...] Live Demo Download [...]
[...] 现场演示 下载 [...]
Hello Gopi,
Could you please tell me how to get rid of the background in this slideshow. I would like to get the same effect (the image covers the entire background) as it is in your live demo.
And also how to make the area with text not hiding and appearing after every new image, but rather how it is done in your live demo. Thank you very much.
Hello Gopi.
Very nice plugin. I’m using the widget, is there any way to customize the title of the plugin? Otherwise it keeps showing “slideshow” as a tilte.
Thanks!
Hello, i have a problem with the width of the image. My pictures are 930×450 pixels. But the image on the screen is only 608×295. I have test different size, i can upper size of the hight but i can upper size of the width.
I think they are a width limitation in the code.
How modify this ?
Thank you for this excellent plugin !
Ben.
great slideshow and it works well. I like to know if its possible to place the description on top instead of the bottom.
Thanks
Nothing in life is to be feared. It is only to be understood. (Marie Curie)
The plugin doesn’t work after I upgrade to ver 7. I got all the xml there, but the area is blank with no slideshow, here is the page for ref- http://www.siusoon.com/home/?p=601
It should show at the top, before “title”.
How to fix this issue? Just nothing show there…
I have the same issue with v7 as well as the previous one…. older version worked fine for over a year until last night.
Is there any help for this?
All I have been able to come up with is:
– LI id=”superb slideshow” may be the problem since that space makes it 2 different IDs
– inside that, the div id=”sswld” is self-closing, not a full div
Is it possible to show the slideshow only if screen width >- 800 pixels? So that it does not show on a mobile phone, but does on a tablet or regular pc.
Use a media query in your CSS file and set the slideshow to display none for widths less than 800.
Hi, I like the plugin but I want to get rid of the widget title space. Even when I delete the title in the settings page, the space for the widget title is still there and it does not align with the top of the sidebar. Also how can I widen the description – Add a little more space above and below the description.
thanks
Thank you so much for this really “superb” plugin you can see in action here http://www.angiolettochecucina.it/ with the banner in the top right corner. Two things I believe that would be very useful for everybody and let your plugin be used in many other ways.
1) allow to set a different duration for the last slide in case all the images belong to the same “animation” like I do with my banner, so the animation stops a while (or forever without creating another total image ahead the other images) before beginning once more;
2) the possibility to see a list with all the .xml files created.
One question:
Is not possible to use the widget way to insert the slideshow for more instances? It disappears once inserted. If it was possible we could choose the slideshow we need from a list.
Thank you