Excellent transition gallery

Don’t just display images in the WordPress website, showcase them in style using this excellent transition gallery 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. this is a XML based image slideshow. in default it read image path from the XML file, after activated the plugin go to below mentioned path to update the images. This is enhanced version of super transition slideshow wordpress plugin.

Features of this plugin

1. Simple image gallery (galleries).
2. Easy installation.
3. Lovable transition effect on IE browser; simple fade transition on other browser.
4. This is an XML based slideshow gallery.
5. Optionally hyperlink each images.
6. Optionally description for each image.
7. Optionally target hyperlink option for each image.

See live demo on sidebar; also in the post. all images are hyperlink with different url. Do you want to show the image with full description? then use my superb slideshow gallery WordPress plugin

Installation instruction

Method 1

  • Download the plugin excellent-transition-gallery.zip from download location.
  • Unpack the excellent-transition-gallery.zip file
  • Extract the /excellent-transition-gallery/ folder.
  • Drop the excellent-transition-gallery folder into your ‘wp-content/plugins’ folder.
  • In word press administration panels, click on plug-in from the menu.
  • You should see your new excellent transition gallery 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 excellent transition gallery 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 excellent-transition-gallery.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 excellent-transition-gallery.zip file and click install now.
  • Finally click activate plug-in link to activate the plug-in.

Plugin configuration (three different way).

Drag and drop the widget: Go to widget page under appearance tab, Drag and drop Excellent transition gallery widget into your side bar. It’s very easy.

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

Plugin short code for pages and post: Use the given short code in the page and post to generate the image gallery on the page and posts.

Short code for the plugin version 1.0 to 6.0 : [excellent-transition-gallery=sample.xml]

Short code for the plugin version 7.0 onwards : [excellent-transition-gallery filename="sample.xml"]

Live demo : The below demo created using plugin short code

Note: To best view all image should be in same size, because this plugin not generate any thumbnail to display.

Frequently asked questions

Q1. How to arrange the width & 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 “javascript.js” file from plug-in directory and go to line 63 and update the width, see below.
slideHTML+=’<img src=”‘+this.imagearray[index][0]+’” />’
slideHTML+=’<img width=”200″ src=”‘+this.imagearray[index][0]+’” />’

Q2.How to change the slide delay time?
Go to Admin “excellent-transition-gallery” link under Setting menu to change the delay.

Q3.Where to upload my image?
This is the pure XML based slideshow gallery, So we have to create the xml files. please find the default xml file and update your original image location in that.

widget.xml file is the default XML file for widget gallery, so if you want to add your own images in the widget gallery, you should update this xml file with your original location.

Best practice is take backup for all the xml file.

Q4.how the slide show manages the order?
This gallery display images based on XML node order.

Q5.Do you want to change the gallery font style?
Take style.css file from plug-in floder, and create new class.
If your xml file name is “widget.xml” then create new class with the name “etgwtlt_widget_xml”.

Download link


Other slideshow plugin

42 Responses to“Excellent transition gallery”

  1. Joe
    August 3, 2010 at 9:46 am #

    Hi Gopi!
    I’m just starting up a personal site at kempff.se/joakim.
    I want to change the timing in your excellent plugin Excellent-transition-gallery but as I change and try to save changes, they change back. What can I do?
    I have changed the Image size according to your faq. That works perfect.
    Best regards,

    • admin
      August 6, 2010 at 4:31 pm #

      Hi, Your site looks good, go to setting page to change the time duration.

  2. Joe Johnson
    August 9, 2010 at 7:58 pm #

    How to resolve.
    Only Number / Pause between content change (millisec)

    When you change it from 2000. It goes right back to 2000. Is it set to this and can not be changed ?
    Joe Johnson jjohnson@n-ppi.com

    • Gopi Ramasamy
      August 9, 2013 at 8:19 am #

      This issue has been fixed in the version 8.1

  3. Riccardo
    August 9, 2010 at 8:56 pm #

    I can’t find any way to change the title of the widget neither the possibility to hide the title and the bottom caption of each slide.
    How can I do this without editing the .php manually?

  4. Allen
    August 11, 2010 at 2:13 am #

    I dont see any responses on how to control the pause between images….it ALWAYS resets itself to 2000.

    Any response…others have asked with no answers yet

    • admin
      August 11, 2010 at 3:35 am #

      Hi friends, i think some problem in the “Pause” field updation, at present we cant edit the Pause field, its always 2000, i will find & correct the problem in the next version, please take backup ur XML files before update this plugin. thanks

  5. Riccardo
    August 31, 2010 at 11:29 pm #

    Hello Gopi,
    I’m trying the gallery that seems to work fine. I’ve 2 question though:

    1) Is there a way to eliminate the title? The aim is to have a box with no heading, but, if I leave the title blank in the settings page, on the top of the widget there’s a thin horizontal line of the bckg color. I suggest rather to test wether title is blank: if it is, skip the code sniplet that inserts the heading

    2) How is it possible to have different galleries in different widgets?

    Thank you!



  6. hong
    September 1, 2010 at 6:24 am #

    Hi Buddy,

    It is really nice! I am loving it!
    Would you add the navigation function in the slide? It would be the perfect plugin!


  7. Sleenie
    September 11, 2010 at 3:32 am #

    I also would like to use different galleries in different widgets. Is this possible?

    • Admin
      September 11, 2010 at 4:12 am #

      different galleries in different page ?? yes, its possible, in this website also i used different gallery in the each page. yes based on the URL render the widget.

      • Sleenie
        September 12, 2010 at 12:28 am #

        Actually, I meant different widgets on one page..not necessarily different pages. I would like to have it twice on once page (different galleries of course) but I don’t find the ability more than once for putting it in a widget.

        • Admin
          September 12, 2010 at 5:08 am #

          In the widget we cant add more then one, bcos if we add more then one , the java-script conflict each other. ill try this in the next version.

  8. Sleenie
    September 14, 2010 at 8:47 pm #

    have this plugin working and i like it a lot. Once I figured out the xml editing it was very easy.

    I have 2 questions:

    – I have a slight jump between transactions I deleted all but one transition (probably an easier way?) but it jumps just slightly.

    – Any idea when the next update will come to change the pause from 2000? Or anyplace in the code that I can change it myself until then?

    The site is under construction…as soon as it is complete I’ll post it (and send a donation) I’m so happy to see it work in IE8 plus on a64 bit machine and a MAC! Good work

    • Admin
      September 17, 2010 at 3:39 pm #

      i will update you once i have updated the plugin,

  9. Nitin
    November 8, 2010 at 5:18 pm #


    I tried Excellent transition gallery plugin on above mentioned website, but it is unable to display images. I cross checked xml file, js script etc. everything seems perfectly in place. But still it is not working.

    Before uploading this plugin, I have tried on my desktop (setup as webserver for testing purpose) and it is working fine. But same code with update xml is not working in actual production environment

    Your input will be highly appreciated

  10. Nitin
    November 9, 2010 at 4:15 am #

    Hi Gopi,

    Yesterday, I tried almost all your xml based image gallery plugin. But none of them is working on my live website. I cross checked xml files, js script etc. All these plugins are working fine on my desktop (configured as web server).

    Due know what might be the issue? why these plugins are failing in live environment.

    To test these plugin I have created test page as below

    Can you pls help me

  11. chelles
    December 2, 2010 at 3:32 pm #

    I’m developing a website to a customer. I installed the excellent-transition-gallery and it was working fine.
    Today I put the code in the page to display the gallery. When I entered the website, there was the following error message:

    PHP Warning: DOMDocument::load() [domdocument.load]: URL file-access is disabled in the server configuration in E:\home\nipro\Web\intranet\wp-content\plugins\excellent-transition-gallery\excellent-transition-gallery.php on line 66
    PHP Warning: DOMDocument::load(http://www.nipro.com.br/intranet/wp-content/plugins/excellent-transition-gallery/gallery/sample.xml) [domdocument.load]: failed to open stream: no suitable wrapper could be found in E:\home\nipro\Web\intranet\wp-content\plugins\excellent-transition-gallery\excellent-transition-gallery.php on line 66
    PHP Warning: DOMDocument::load() [domdocument.load]: I/O warning : failed to load external entity “http://www.nipro.com.br/intranet/wp-content/plugins/excellent-transition-gallery/gallery/sample.xml” in E:\home\nipro\Web\intranet\wp-content\plugins\excellent-transition-gallery\excellent-transition-gallery.php on line 66

    So, I installed the plugin in another wordpress account (same version) and it worked! I don`t know what’s going on. Do you know what I can do to fix the problem?


  12. Old Man
    January 10, 2011 at 4:16 am #

    I am trying out your plugin and so far I really like it. However, I found that if I change the xml file name to any name other than “widget” it ignores the css. I tried changing the “widget” names in the CSS to my preferred xml file name but that didn’t help either. Am I overlooking something, or is there something else I need to do?


  13. Jay
    February 2, 2011 at 6:15 pm #

    Hi is there a way to disable the images from being paused when the mouse is over the gallery? at present, if there is not URL link and the cursor stays as an arrow, when over the images, the slider stops until the mouse is not over it.

  14. Jay
    February 2, 2011 at 6:20 pm #

    i figured it out, simply remove mouseover & mouseout

  15. Jan
    February 3, 2011 at 10:24 pm #

    If you want to change the pause time you can’t use the settings screen. I changed it in the sourcecode. You have to change the next line in javascript.js:

    setInterval(function(){slideshow.rotate()}, this.pause)


    setInterval(function(){slideshow.rotate()}, time in milliseconds)


    setInterval(function(){slideshow.rotate()}, 8000)

    • Hans
      December 22, 2011 at 1:22 pm #

      I Just edited the following in the js file:
      var flashyshow=new excellent_transition_gallery_with_title_link_target({
      wrapperid: “widget_xml”,
      wrapperclass: “etgwtlt_widget_xml”,
      imagearray: [

      pause: 4000,
      transduration: 2000

    • Joakim
      March 2, 2012 at 4:29 pm #

      Excellent Jan!

  16. Glen
    February 9, 2011 at 3:00 am #

    I am trying out your plugin and so far I really like it. However, I found that if I change the xml file name to any name other than “widget” it ignores the css. I tried changing the “widget” names in the CSS to my preferred xml file name but that didn’t help either. Am I overlooking something, or is there something else I need to do?


  17. Alex
    March 12, 2011 at 6:23 am #

    Any chance you’ll update soon so we can be able to change the pause?

  18. Erkan
    April 15, 2011 at 7:52 am #

    Thanks a lot..

  19. kostas
    May 26, 2011 at 7:31 pm #

    Hi ,
    This plug-in works perfect on IE (old version IE6 ) .
    Mostly I’m using Firefox , but unfortunately the time-interval can’t be configured . Only the default timing is available although I change the values on the configuration panel .
    Is there some configurations that I have to do ?
    PS the test is made on the latest Firefox 4 .
    Thanks ..

    • Mike
      May 27, 2011 at 1:33 am #

      Tested IE 6,7,8,9,10 for transition effect..

  20. John
    July 22, 2011 at 5:06 pm #

    re: excellent transition gallery

    Although I am a complete newb I do learn fast.
    I installed the above plugin. I am not sure on how to create the xml file of the videos I want to display. Any low tech jargoned help is greatly appreciated.

    I did not see a plugin for this: A featured image (video) side show which takes no tech knowledge to install (<–that's the easy part) and no tech knowledge to actually make it work.
    Thanks for any help or direction.

  21. Irodan
    August 3, 2011 at 4:59 pm #

    Would you please tell me how can i make my images appear in the center of my widget ? Because they are always aligned at the left border of my widget.

    (my images size is w: 100/ H: 100) –> they appear on the left side of the widget (inside the widget) I want to make them appear in the middle with the same sliding of course.

    Please help me ! I hope I have been clear in my explanations. Thank you in advance :)

  22. dan
    August 18, 2011 at 10:52 am #

    Can the Excellent Transition Gallery be set to a specific transition or does it have to be random in IE?

    • dan
      August 18, 2011 at 11:51 am #

      RESOLVED! Go into Plugins editor for ETG and click the javascript.js link/file and comment out (/* */) at the top the transitions you don’t want (if you only want one transition remember to delete the trailing comma in the array) e.g. “progid:DXImageTransform.Microsoft.Fade()” with no comma at end! and update file.
      I solved my own question :)

      • Gopi
        August 18, 2011 at 1:06 pm #

        perfect answer

  23. Emmauel
    September 20, 2011 at 12:25 am #


    Awesome gallery. It was working perfectly until today. I received this message:

    Warning: DOMDocument::load() [domdocument.load]: URL file-access is disabled in the server configuration in /nfs/c04/h05/mnt/67177/domains/dirty-fridays.com/html/site/wp-content/plugins/excellent-transition-gallery/excellent-transition-gallery.php on line 36

    Warning: DOMDocument::load(http://dirty-fridays.com/site/wp-content/plugins/excellent-transition-gallery/gallery/sample.xml) [domdocument.load]: failed to open stream: no suitable wrapper could be found in /nfs/c04/h05/mnt/67177/domains/dirty-fridays.com/html/site/wp-content/plugins/excellent-transition-gallery/excellent-transition-gallery.php on line 36

    Warning: DOMDocument::load() [domdocument.load]: I/O warning : failed to load external entity “http://dirty-fridays.com/site/wp-content/plugins/excellent-transition-gallery/gallery/sample.xml” in /nfs/c04/h05/mnt/67177/domains/dirty-fridays.com/html/site/wp-content/plugins/excellent-transition-gallery/excellent-transition-gallery.php on line 36

    I have it on several different sites and all of them stopped working. I am currently using media temple as my hosting provider.

    Any ideas on how to fix it? Thanks!

  24. Rod Weston
    August 3, 2012 at 4:25 am #

    I am trying to setup your excellent plugin, but I cannot change the delay between images. It won’t allow anything larger than 2000 for pause or 9000 for transduration.

    • Gopi Ramasamy
      August 9, 2013 at 8:17 am #

      This issue has been fixed.

  25. Ken
    August 14, 2012 at 1:58 am #

    I have gallery in left sidebar, using widget. Works OK on my own localhost but does not display at all on live server. How can I fix this please? Here is test page…

    • Ken
      August 14, 2012 at 7:33 am #

      Fixed that problem – I still had localhost image path in /gallery/widget.xml file, path is now correct – but IE browser reports Javascript error in /gallery/javascript.js:
      Line: 103
      Code: 0
      Char: 3
      Can you help please?

  26. Bob
    December 3, 2012 at 10:31 pm #


    Great gallery, it was working perfectly until today. The gallery just stopped loading on the home page and after a little research i found the error message that is generated as a result. The error message im getting is “TypeError: this.imagearray[index] is undefined” I copied the error message from firebug console. I was that someone can take a look at it cause i could not figure it out.

    the domain name is http://belcatours.ca/

    Thank you.

  27. Carlos
    January 3, 2013 at 8:55 pm #

    I want to create multiple galleries…. such as gallery1.xml and gallery2.xml… to be use in various part of my website…. can I do that… I have not been able to get this plugin to work with those galleries in place… I have two new xml files in my gallery folders… can some one help?

  28. Creig
    January 16, 2013 at 6:58 pm #

    Would anyone know how to get this gallery to display in the center of the page? Right now the alignment is none or default to the left. I have tried everything I know.

Comments closed due to heavy spam (back soon). If you have any query please use my contact form click here and mention your plugin name.