1. Popup with fancybox

2. Vertical marquee plugin

3. Image slider with description

4. WP fade in text news

5. Drop in image slideshow gallery

6. Vertical scroll image slideshow gallery

Space gallery

Want to display images as a slideshow in the page or post? Then use space gallery WordPress plugin. It’s just another image slideshow show gallery. Click on the below images to see it in action. Space Gallery is a JQuery based slideshow plugin that provides smoky out of the fantasy effect to images. Bring in a smooth sliding effect to image views with this wonderful JavaScript slider.

(Version 1.0 to 5.0) This is the XML based slide show, so to add or delete the images in the xml file. Live Working Demo available in this post, Check the demo images and see the smooth sliding effect

1. Take the “space-gallery.xml” XML file from plugin folder.
2. add/update/delete the image in the xml file.
3. Always use full image path in XML file.

(Version 5.1 onwards) All XML files removed and introduced directory option. from this version 5.1 onwards gallery images loading from the mentioned directory. in the admin we have option to set the image directory location.

Installation instruction

Method 1

  • Download the plugin space-gallery.zip from download location.
  • Unpack the space-gallery.zip file
  • Extract the /space-gallery/ folder.
  • Drop the space-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 space gallery plug-in listed.
  • To turn the WordPress plug-in on, click activate. After activated the plugin update the XML file with your own images.

Method 2

  • Go to ‘add new’ menu under ‘plugins’ tab in your word-press admin.
  • Search space gallery plugin using search option.
  • Find the plugin and click ‘Install Now’ link.
  • Finally click activate plug-in link to activate the plug-in. After activated the plugin update the XML file with your own images.

Method 3

  • Download the plugin space-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 space-gallery.zip file and click install now.
  • Finally click activate plug-in link to activate the plug-in.

Download location


Check the live demo images and see the gallery in the action

Plugin configuration

Short code for pages and posts: Paste the given short code in the posts and pages. the name of the XML file available in the short code.

Short code from version 1.0 to 5.0


filename = new-simple-gallery.xml
This is the name of the XML file gallery, this xml file should be available in plugin folder.

Short code from version 5.1 onwards

[space-gallery directory="dir1"]

Add directly in the theme: Use the given PHP code to add the gallery to your theme files directly.

Short code from version 1.0 to 5.0

<?php if (function_exists (space_show)) space_show(); ?>

Short code from version 5.1 onwards

<?php space_show(‘dir1’); ?>

Frequently asked questions

Q1. How to arrange the width & Height of the plug-in?

Open “css/custom.css” CSS page and update the width & height of the gallery.

Q2. How to arrange border around the image?.

Open “js/spacegallery.js” JS file and goto line number 8 to update the border.

Q3. How to arrange perspective height?.

Open “js/spacegallery.js” JS file and goto line number 9 to update the perspective.

Q4. How to arrange minimum scale for the image in the back?.

Open “js/spacegallery.js” JS file and goto line number 10 to update the minimum scale.

Q5. How to arrange animation duration?.

Open “js/spacegallery.js” JS file and goto line number 11 to update animation duration.

Q6. Very important (Till version 5.0)?

Please take backup your existing XML files when you update this plugin to new version.

Other related plugin


  1. It’s Fantastic!

    This plugin is great, like others. Thank you.

    Bu eklentiniz de diğerleri gibi harika. Teşekkürler.

  2. * Option – 2 : Copy and past the below mentioned code in desired template location.

    I am a newbee! I have already activated the the plugin, but can you tell me where to paste the code exactly?

    • 1.You can paste the below given code directly into PHP page. or

      2. You can use the below given code into page or post.


  3. I uploaded the plugin to my plugins directory, but when I try to Activate it in my admin panel, I get a fatal error warning:

    Parse error: syntax error, unexpected T_OBJECT_OPERATOR in *****/wp-content/plugins/space-gallery/space-gallery.php on line 28

    Please help?

  4. Not having luck.

    Plugin activated
    xml file edited (filename=space-gallery.xml)
    used full path in xml

    In my page text area I put:


    I see in the Page Source the calls to the plugin, but no gallery is written, so the result is a blank

    Any advice? WP3.0.1

    But no gallery showed up.

  5. yes , i have same error, i add this path but no image can u help me. plssssssssssss its nice pluging . will i want edit ur xml file ?

  6. Hi there would like to know if one can create different galleries i.e. space-gallery1 and space-gallery2 and then paste the code into different posts so that it only shows the images relevant to the post – I have not tried this as yet – but am wondering if it would work.


  7. i uploaded the plugin and activated it,
    but when i paste the code in a page it just appears a black square with non ending loading..

    any idea where the problem is ?

  8. Hello again.

    Again, another superb plugin, but with a similar problem to the one I mentioned on the Superb Slideshow.

    Whereas the Superb Slideshow superimposes itself on the theme’s pull-down menu, this one appears correctly under the said menu. *But* when I try to select one of the menu options over the gallery, the mouse suddenly focus on the gallery and the menu disappears, making it impossible to select any menu option that appears over the gallery.

    I don’t know if my description of the problem is of any help, but if needed I can recreate it on my home server so you can recreate the bug.


    • A possible fix to the above comment I made would be to time the picture change and disable completely the mouse interaction. Can it be done? If so, how (a quick’n’dirty howto would suffice).


  9. I’m getting this character “<"appear in the top left corner of the holding div.
    In my html it appears as "<".

    I think there is an error in the php, maybe "<" is inside a variable , but I can't find it.


  10. I’m having the same problem,seeing your pictures but not able to load mine. I see you don’t answer this question. Could you please be more specific than” update the XML file with ur images”. How about a step by step on how to “exactly” do it. I love this plugin but the problem with you guys who make these things think the rest of us are just as advanced in this as you are so you assume we know as much as you. If that were true we would make our own plugins and wouldn’t need you.

  11. Also for some reason some times the space gallery shows up one size then later it will be another size, how do you fix that? I notice you don’t answer half of your questions.

  12. I’m using the SpaceGallery plugin on my wordpress site, but after setting up the plugin my horizontal image slideshow at the top of the page won’t scroll (pressing either directional arrow doesn’t change anything). However, when I deactivate the plugin the slideshow returns to normal. Do you know why this conflict would exist or how to fix it? Site link in my name. Thanks.

  13. Great plugin, thank you very much! Only thing is that my photo’s fading out sideways and not as your demo “coming to you” what did I do wrong?


  14. Greetings,

    The plugin works great and looks great in my site. You definitely deserve a lot of thanks. I only have one small problem. All my photos are screencaps of websites I’ve developed and I needfor thename to appear as well as thehyperlink to each site to work. I noticed that both of these are included in the XML file. Is there some other variable(s) I needto set to activate these 2 features.

  15. Merci beaucoup il est vraiment génial le plugin :) super boulot. J’aurais aimé savoir si il y a une possibilité de rajouté un description au image ? j’ai essayer avec la balise mais sa ne fonctionne pas :( si quelqu’un a une solution merci. Et deso mais je ne sais pas écrire en anglais :( Encore merci

  16. Hey, may I ask you if I can have an xml feed from feedburner that provides me with the images?

    Could you help me with that. (now the file xml is static but I would love that this file is coming from some RSS feed)

  17. This is just awesome even if it breaks at some points now. Thinking you can make a whole gallery theme for some professional photographers.

  18. Hi, Love this plugin however I have the same issues as Tony – “please be more specific than” update the XML file with ur images”. How about a step by step on how to “exactly” do it.” The plug in works however my images are showing up too big, how do it resize, many thanks

  19. So the answer is to resize your images located on your website yourself. Now I have the same problem as Rob with the images fading out sideways. No one answered his question either, any one know how to fix this?

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