1. Onclick show popup

2. WP fade in text news

3. Wp image slideshow (Drop In Effect)

4. Content text slider on post

5. Post title marquee scroll

6. Continuous announcement scroller

Superb Slideshow

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)

<title>Click to see Superb Slideshow demo</title>

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.

Short code from version 2.0 to 9.0


Short code from version 9.1 onwards

[superb-slideshow filename="page1.xml" width="400" height="300"]

Add directly in the theme : Use this code, <?php if (function_exists (sswld_show)) sswld_show(); ?> to add this plugin to your Theme files.


  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.

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


  1. 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)

  2. 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)

  3. 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

  4. 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?

  5. I’m here:


    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!

  6. 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…


      Please help.


  7. 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

  8. 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.

  9. 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

  10. 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?

    • 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.”)

  11. 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?)

  12. 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.

  13. 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!

  14. 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!

  15. 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?

  16. 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.

  17. 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.

  18. 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.

  19. 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.

  20. 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.

  21. 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!

  22. 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.

  23. Hello!

    Thanks for this great widget.


    Could you please add a background color parameter?
    Transparency, too?

    Thanks and happy new year.


  24. 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??

  25. 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.

  26. 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…



  27. 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

  28. 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.


  29. Hi
    Great Plugin!
    Works wonders
    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.

  30. 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?

  31. 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?


  32. 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 );


    $filePath = str_replace(“index.php”, “”, $_SERVER[‘SCRIPT_FILENAME’]);
    $filePath .= “/wp-content/plugins/superb-slideshow/”;
    $doc->load( $filePath . $filename );

  33. 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?

  34. 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



  35. 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.

  36. 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.


  37. 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 !


    • 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

  38. 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.

  39. 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

  40. Clarification on using the Short Code to insert this Slideshow into your website. The Short Code provided is incorrect. If you are getting a blank or black area where your slides are supposed to appear it’s because the wrong xml file is provided in the Short Code. This is what the Short Code should be:


    Replace MYFILE with the name of your xml file. The file is probably named:

    superb-slideshow-v2 or superb-slideshow

    This is the xml file where you input the image path (new image node).

  41. Hello!

    This is a great slideshow and very easy to configure. But I have two questions!

    1) Is it able to remove the pause when the mouse hovers over a photo?

    2) How can I add a previous | pause | next buttons?

    Thanks in advance!

  42. I cannot get this to work. I have tried everything I know. I added the plug-in and activated it. I added the code to every post I wanted displayed. I added the code to everything theme php………nada. I know the slide show is working in the background because when I use Firebug, the code moves around. I don’t know what you are talking about with changing the XML code. In the posts code I changed “filename” to the link for the picture. Still nothing. I am about ready to give up on this. Why people think this is so simple, I do not know. It’s the most complicated plug-in I have used so far.

  43. Hello,

    Great plugin, but it appears OVER my menu. For instance, if someone hovers over my menu, which has about 10 sub menu items, the sub menus are blocked by the slideshow because the slideshow appears IN FRONT of the menu when the menu is expanded. How can I fix this?

      • Thank you for your reply. I’ve changed the z-index value in the superb-slideshow.js file but it appears to do nothing. I’ve changed it from its default of 1002 to 0, 1, -1, -1000 and nothing seems to change.

  44. Hi sir,

    I have problem with plugin, i have used this it in the left sidebar of the above url. But this was not coming. Before that this plugin was working in test server, but now coming to the production server, this was not working, i checked “DOM” things. It showing the “loading image”. Please check this and let me know the solution. It is very urgent.

    This is my test server url, where the plugin was working.


  45. Hi,
    Nice plugin!
    Would it be possible if you click on the images that they appear in a lightbox (plugin installed
    but doesn’t work for the images in de slideshow)
    Thanks in advance!
    Kind regards,

  46. I have installed this plugin and I love the way my slideshow looks on my site, the only problem is that it obscures the drop down menu. Is there any way to fix this?

  47. I am getting error:

    Warning: DOMDocument::load(path-to-plugin/plugins/superb-slideshow/superb-slideshow-v2.xml) [domdocument.load]: failed to open stream: Connection refused in path-to-plugin/plugins/superb-slideshow/superb-slideshow.php on line 143


    Warning: DOMDocument::load() [domdocument.load]: I/O warning : failed to load external entity on line 143

    What might be wrong? The file exists. Paths are correct

    I have wp 3.4, Superb Slideshow v8.0


  48. I got it work by replacing line 143 with actual path to the xml file

    $doc->load( $sswld_pluginurl . $filename );

    $doc->load( “/home/myfloder/public_html/wp-content/plugins/superb-slideshow/my_slides.xml” );

  49. Added a comment here that this should be avoided in newest WP install, ignore completely, dumb ass user error and this has been running rock solid now for a few hours 🙁
    Sorry about that

  50. Hi dear,

    I install the plugin as per your instruction,

    I got the below error, How can I solve this?

    Warning: DOMDocument::load() [domdocument.load]: URL file-access is disabled in the server configuration in /homepages/43/d283530128/htdocs/xxxxx/wp-content/plugins/superb-slideshow/superb-slideshow.php on line 37


    Have a nice day..

  51. Hello,

    Just upgraded wordpress to 3.41 and the ssg-superb-slideshow plugin has stopped working.

    I now receive the error “No records found, please check your short code”

    So I checked the short code and it seemed to be fine [ssg-superb-slideshow=frontpage=890=315=6000=1000=0=YES] frontpage is the set of images I am using.

    I tried to get your plugin to creat the shortcode for me, but once I enter all the numbers and click on submit, nothing appears for me to paste.

    I am using version 10 of your plugin.



  52. I am facing an issue that when I put this code in my php file, if (function_exists (sswld_show)) sswld_show();, I get the error as follows:

    ( ! ) Warning: DOMDocument::load() [domdocument.load]: I/O warning : failed to load external entity “file:///C:/MeasureJ/wp-content/plugins/superb-slideshow/superb-slideshow-v2.xml” in C:\wamp\www\MeasureJ\wp-content\plugins\superb-slideshow\superb-slideshow.php on line 125

    Please help!!

  53. I am finding that sometimes it loads slow in IE8 and is just hanging for ages before anything appears – is this something others have noticed? Is there anything I can do about it?


  54. Hi there

    Having a problem, the slideshow is just showing a black box with spinning loading sign but not the pictures. Does anyone know how to fix this?


Comments are closed due to heavy spam. Please use contact form if any help is required.