WordPress gallery plugin PHOTOSPACE 2

02.18.11 Posted in The Lab, wordpress Plugin by 500 Comments

Based on the Galleriffic gallery, Photospace takes advantage of the built in gallery features of WordPress, the plugin automatically adds any images attached to the post or page into the gallery.

Then simply use the short code tag [photospace] and your done.

The Photospace gallery plugin allows you to:

  • Upload multiple images at once
  • Easily order images via drag and drop
  • Add a title, caption and description

Via the options panel you can modify:

  • Thumbnail number, size and shape
  • Size of the main image
  • The width of the gallery columns and the size of the main image
  • Create a basic slide show

Some other features include:

  • Keyboard control
  • Pagination
  • Slideshow controls option available
  • Supports multiple galleries (Displayed via multiple posts)
  • Supports WordPress multi-site
  • Supports shortcode attributes

See Galleriffic for the original gallery code

Here is a demo

download the plugin


More examples for advanced users.

Upgrade Help!

If you have lost your text in the last update you can add your own custom text now in the admin panel.

Confused? Here is a basic guide.

You have installed the plugin… now what? The images in the gallery come from images attached to that post or page.  To attach the images you need to upload images on that post or page. Click the Add an image button upload the images but you don’t need to insert them into the content. You can just close the add an image window when finished.  Or click save changes and organise the images with the new gallery tab. Then you add the short code tag [photospace] into the content area where you want the gallery. That’s it!

For basic WordPress gallery usage see http://en.support.wordpress.com/images/gallery/ although you do not insert the gallery. Use the tag [photospace]

There is also an admin panel with some options. Look for Photospace Gallery Options down the bottom on the left. The gallery should work with the default settings.

How do I add an image to the page and not have it in the gallery? Upload it in the media section and select it though the media library tab.

Loading gifs 

Create your own colour coded loading gifs here ajaxload.info or preloaders.net

Template tag

If you want to hard code this gallery into a page template you can do so with this code.

1
<?php echo do_shortcode('[photospace]'); ?>

Shortcode attributes for advanced users!

You can set the following attributes you control your gallery per instance:

  • id - Set the post to read the attached images from
  • num_thumb - Set the Number of thumbnails on each page
  • num_preload - Set the number of images to be preloaded
  • show_captions
  • show_download
  • show_controls
  • auto_play - Start slideshow automatically
  • delay - Between each slide in milliseconds
  • hide_thumbs
  • horizontal_thumb
  • include – Only includes a new list, comma separated attachment IDs (include=”24,30,43″)
  • exclude – Comma separated attachment IDs (exclude=”24,30,43″)
  • use_paging

Like so

[photospace horizontal_thumb=1 num_thumb=7]

Try with

http://wordpress.org/extend/plugins/faster-image-insert/

Help! The  gallery doesn’t load the large image?

This is usually caused by a Javascript conflict. The easiest way to track down the problem is to remove or disable other scripts.

  1. Try to disable other plugins. If this works, re-activate the plugins one by one until you find the problematic plugin(s).
  2. Switch to the Twenty Eleven theme to rule out any theme-specific problems
  3. Use firebug to find the error. This may help you track down the conflict
  4. [advanced] You may have some scripts embedded in your theme. To disable these look inside the header.php and footer.php

If you find a conflict please mention it in the comments for other users.

Like this? Why not rate the plugin, like us on facebook or follow us on twitter!

500 Responses

  1. Gabriel says:

    Hi Dean, i upgraded to version 2.0 and create new thumbnails but they’re not showing up, I got full size images instead.

    What am I doing wrong?

  2. Andrea says:

    Love the upgrade… thanks!

  3. I have just installed the plug-in on my local server, the gallery is great but I still get the images showing at the top of the page. I just want the gallery on the page – how do I do this. Very new to wordpress and am using the basic theme that came with the download.

  4. Dave says:

    Rebuild the thumbnails worked great, the pluing loads really fast now. Gj!!

    Dave

  5. Nigel says:

    How do you put the thumbnails at the bottom of the main image. you can do this with the old photospace plugin.

    Thanks

  6. Charlotte says:

    Hi,

    Thanks for the update, it has fixed the image problem we had. Other question, how do we upload multiple images at ounce?

    Thanks

  7. Amy says:

    I can’t get the gallery to work right. When I insert it, the thumbnails show up fine but the main image area stays stuck on the preloader. Then when I click a thumbnail it just takes me to the image url. Any idea of what the problem could be??

    • Dean says:

      Probably a JS conflict with another plug-in. Send me a link if you like.

      • Amy says:

        Ah, I am using 2 different jquery scripts in my header…I see that’s the problem now. I’m not sure how to keep those from transferring to my content though. Do you know how to accomplish this? I will continue researching if not. Thanks for your time, and for the plugin!

      • RobL says:

        Hi Dean, I’m having a similar problem to Amy. I can get your gallery to display on my pages, but when I click a thumb link it links to the URL of the photo, and the main content area of the slideshow itself never loads.

        I’m currently using prettyphoto and some lightbox things on other sections of the site, and I cannot possibly get rid of my other jquery references. Can you please let me know if there is a way to make your scripts compatible with jquery-1.4.2.min.js ?

        • RobL says:

          Hi, I just wanted to make a quick post and let you know that I was able to resolve the issue. What I did was I took your jquery.galleriffic.js and jquery.opacityrollover.js and I moved them to my theme directory.

          I then edited my header.php to include both javascript loads AFTER the jquery initialization that comes with the theme.

          Then I edited your photospace.php to comment out your jquery call (since I have a static call in my header) and then commented out your 2 javascript calls (since I manually loaded them myself in header).

          As soon as these steps were performed, the plugin began working properly!

          Thanks for your first reply, which pointed me towards javascript problems.

  8. bobbi says:

    Hi.. I spent the better part of a few days last week setting up v1.6.6
    to work the way I want.
    I mainly made the whole gallery 925 with a larger main image window.

    When you say “The new version does not support resizing per gallery instance”
    Does that mean we need to use the smaller size that comes out of the box?
    Or that once we configure the gallery for one page.. that’s what we will need to use on all pages?

    Funny I had come here hoping to find out that I could set up other instances of the ‘gallery’ to look different on different pages, knowing I would have to tweak some code, but I guess that idea of mine is off the table now…?

    Thanks for the work!

    • Dean says:

      Hi Bobbi

      Yes you can resize the images still but you can only have one size for all galleries. Maybe just keep using the old version.

      • bobbi says:

        I did the upgrade, and did regenerate the thumbnails…but
        on the photospace dashboard.. there is no option to set CROP OPTION back to 1:1
        There is only a tick box that says crop.

        So my thumbs are all different sizes, even though I have thumbnails set to 80 by 80…
        any hints what needs to happen now?

        thanks..

  9. Loren says:

    Hi Dean,

    Great work on the plugin and the theme. Seriously, great job.

    The next improvement I’d hope for is the same wish as Bobbi’s above. I’m trying to have a full-page slideshow that has images 953 pixels wide. At the same time I want a nother page to have a column of thumbnails and then the main images to be 613 pixels wide.

    Here’s the site I’m working on: http://www.christopherlindsley.com

    Thanks again.

  10. Saleh says:

    Hey Dean,
    This may sound like a stupid question… I’m new to wordpress. I want to try the horizontal thumbnails but I don’t know where to paste the css code that you provided. Where is the main css file?
    Thank you

  11. Vinchoz says:

    Hi Dean,
    … already thank’s for your great job: very useful plugin!

    Just 2 issues with it… no issues in fact but questions…
    _ i’m trying to get the FIRST picture as a kind of “title” which means: it appears on load as the others but get NO thumbnail in the thumblist. Have you got an idea?
    _ for the thumblist: is it possible to use a custom thumbnail or to controle the way it’s cropped?

    Thank’s again

    • Dean says:

      Hi Vinchoz

      No worries :) You might try using a background image in the gallery div. Then load a clear png as the first image.

      There seems to be no way to control how a custom thumbnail is cropped. Maybe there is a plugin for this out there.

      • Vinchoz says:

        Hi… waooow fast answer tx!!!

        i thought about it…This could have been a good idea… but i have more than 1 gallery… then the background image should be different on each gallery…

        … From WP 2.9… you can customize the thumbnail when you upload an image but PHOTOSPACE use it’s own way to create the thumbs… from the original image and not the WP thumb…

  12. Jackson says:

    new version is really nice, just an idea it would be sweet if we could display videos in it as well like youtube and vimeo… Im guessing that would be pretty difficult at the moment

  13. Megan says:

    Great plugin. However on one of my sites it has completely broken the functionality I promised my client – the ability to make her own thumbnail crops. I cannot find 1.6.7 anywhere, but that seems to be the version I need. Can you direct me to where I can find it? I even looked in the developer log but it seems to skip from 1.6.6 to 2.0. Any help you can offer will be greatly appreciated. Thanks!

  14. Ray says:

    Howdy. REALLY digging the plugin.

    I have 5 galleries that I’ve set up. Like so

    Gallery Index
    –Gallery1
    –Gallery2
    –Gallery3
    –Gallery4
    –Gallery5

    I’m manually creating 4-6 thumbnails per gallery on a Gallery Index page.

    I tried to link the thumbnails to individual pictures within the gallery
    for example: /Gallery5/#3

    The gallery loads, but always defaults to the first image. Is there a way to make it work so that the gallery loads on the desired image?

    Thanks!

  15. Elvera says:

    Hi Dean,

    So i updated to the new version.
    Now i have got a problem the tumbs are on the left and wont go horizontal down the main image.
    I put in the ride codes in the post and the style.css. But the code in the style.css doesn’t seems to work it does nothing. I tried to fix it in the photospace gallery options but nothing seems to work. How can i fix this.

  16. moepstar says:

    Heya – i’m really digging your plugin – easy and good looking :)

    Can you advise me on how to get a lightbox (or thickbox) effect with the big picture of the gallery so that when someone clicks on the medium sized image he’ll get a fullscreen one?

    best regards & thanks from germany :)

  17. Tom says:

    I just updated to your new version and promptly lost a couple of customizations. I need to be able to center the caption (it is currently right justified). I also need to increase the space below the image to allow more room for the description and I would like to center the gallery in the page horizontally. I had set these based on your feedback to previous questions, but those are gone with the earlier version. Yes, lesson learned to backup/document customizations.
    Thanks,
    Tom

  18. smb says:

    It seems like my theme is preventing the javascript on this from working.

    the thumbnails show up in the right place, but they just link to the gallery posts (can’t seem to stop them from being links) and nothing shows up where the main image should go.

    I turned on the background colors for debugging and all of the divs are clearly there, it just seems like none of the scripting works.

    any suggestions? I don’t really have any actual knowledge of PHP but I have no problem changing stuff if necessary.

    • Dean says:

      You will need to disable the JavaScript the is causing the conflict. Look at what other plugins are running.

  19. smb says:

    I don’t have any other plugins besides regen thumbnails active. I am building on this theme:

    http://themeforest.net/item/layover-wordpress-theme/157848

    It uses some jquery of its own so I think that maybe the script is being loaded twice or something? What kind of stuff should I look for to turn off in the code? I have done some jquery but I’m really new to wordpress.

    thanks for the help!

  20. Arild says:

    Hi Dean
    I’m really confused, how to attach the images to a page? In your basic guide you write: “To attach the images you need to upload images on that post or page…”
    I know how to insert an image by using the button for it, but it just inserts the image to the page, nothing else. And then I don’t seem to understand how to select all my images. I really hope you can help me ;-)
    Thank you ;-)

    • Dean says:

      You don’t insert the gallery. Just use the [photospace] tag where you want the gallery. All images uploaded to the page go into the gallery.

  21. Arild says:

    Hi Dean, I know how to insert the gallery on the pagetemplate (using [photospace]) – no problem there. But no images show up, only the gallery controls (play-previous-next…).
    You write “All images uploaded to the page”, this is where I get it wrong. How to upload/attach these images to a page? I can only insert an image (or more) in the page text content or use a single image as the page thumbnail. I can’t seem to find an attach-function for multiple pages related to a specific page (or post).

    • Arild says:

      “an attach-function for multiple pages related to a specific page..” = “an attach-function for multiple IMAGES related to a specific page..” ;-)

    • Dean says:

      Not sure what you mean. You just upload images to the page. See the basic guide. Post a link if it’s still not working.

    • tim says:

      I’m having this exact same problem. Just the nav buttons for the gallery shows. no images. I must have gone over the basic instructions a million times….. i can’t see where i’m goin wrong! help!

  22. smb says:

    I am having an issue where WP is wrapping all the javascript in tags, which breaks it. Any idea how to prevent this. It does work on the default theme but not on the one I am trying to use.

  23. Curtis says:

    Hello Dean,
    This plugin is amazing. However, I’ve run in to a bit of a problem.
    I for some reason can’t get my thumbnails in to rows. It automatically places it in to one long column with big gaps in between them.

    If you get a chance, here’s the website
    http://www.cbstunts.com/?page_id=199

    Thanks!

  24. Dave says:

    Hi, I got a strandge problem, when I have more thumbnails then can be viewed in a single page the link for “next” dont work? have reinstalled your lovely plugin but it dont work!? You´ll see what I mean here: http://www.bigshot.se/stalspets

    Thanks for a great plugin!

    Dave

  25. Dave says:

    Have reduced the number of thumbnails twice but nothing works. When i reinstall the plugin its got the same settings, any other file i need to reset to “start over” and not get the old settings?

    • Dean says:

      Looks like you need to set the button size.

      • Jordan Ewert says:

        Hi Dean, I’m having the same problem. I set the button size to 13 and a couple other sizes. No matter what it just shows up as a grey square. Before I sized it it was just a very thin line (like the previous post on this had on their page) and it was difficult to click. Any ideas on why the proper image isn’t showing up? I’m using firebug and it shows the correct file.. I’m stumped.

      • Dave says:

        Yepp now I got it, took some time :) It now works just great! Thanks for helping out and thanks for a great plugin!!!

        Dave

  26. smb says:

    Hi Dean,

    The plugin developer sent me this message as to what is causing my error. Apparently it is a bug that can be fixed at your end if you feel like including it in an update. Otherwise I have a workaround:

    Hi smb8282,

    Here’s what’s causing the error: the a plugin developer has the plugin insert javascript into the editor without it escaping properly. The plugin works with your other theme because its developer has told WordPress to not format the content entered in the editor. Our theme does format the content (as WP intended). We recommend you get in touch with the plugin developer and have him set the plugin to escape correctly, or you can add this:

    /* */

    around the javascript.

    Best regards,
    Theme Team

  27. Erica says:

    Hi Dean,

    Sorry, I’m new to wordpress, but how do you create more than 1 gallery? I’m always stuck on the single gallery, but I need to group my photos into different categories. Thanks very much!

    Cheers,
    Erica

    • Dean says:

      You would need to display multiple posts on the one page. Your theme may not be set up to do that.

      • Erica says:

        Hi Dean,

        I’m not too sure what you mean. When I make a page, there’s only one available space to write general text, insert pictures, etc. Is this what you mean? Can you link me to an example where it would work?
        Thanks very much!
        Cheers,
        Erica

  28. Chumtarou says:

    Amazing job with this plugin!

    Only issue I have is the conditional prev/next buttons seem to be having problems with iOS and chrome including the sample on this site. With iOS both prev/next buttons intermittently show. With chrome it will display both prev/next buttons the moment you click next.

    Aside from that great stuff!

  29. Allan says:

    In an attempt to reduce load times, I’ve deregistered the Photospace scripts and styles on all pages that don’t need it using (as an example):
    if(!is_single()) {wp_deregister_style(‘photospace-styles’);};

    However, I’m still getting some CSS added to my headers via the photospace_wp_headers() function. Is there an easy way to remove that where not needed as well?

    Thanks!

  30. Ben says:

    Hi

    I’ve installed this plugin but I cant get it to work. For some reason all I get are thumbnails vertically aligned down my page and no larger image.

    What am I doing wrong?

    Thanks

    Ben

  31. Gigih says:

    hi, guru ! i really admire your plugin ! it fit on my style

    im using minimalist theme, i need to know how to stacked my thumbnail.. so it will look on the gallery side (on the left or right).. because lot of my pics is portrait.. please help !

    thanks !

  32. Barney says:

    Is there a way to put the caption on top of the photo?

    Thanks,
    Barney

  33. Igor says:

    Hi Dean,
    I’ve got a multilingual web site, and I wish to have the same galleries on each language. I have to upload the same images again and again for every language or can I select them from the media library ?
    Thanks,

    • Dean says:

      No, you can select the page id where the images come from. Like so [photospace id=x] X is the page id where you uploaded the images.

  34. Wendy says:

    Is there a way add more than one gallery? I have 2 groups of photos I would like to create two different pages – each has a gallery.

  35. Tom says:

    Hi Dean,

    Great plugin! All is working well for me, but when i click on any of the thumnails im getting the loading icon…all images are loaded and the slideshow is working fine..but the loading icon will not go! Any thoughts?

    example here:

    http://www.artifexfoto.com/?projects=eliza

  36. Tom says:

    if you get a chance to look at that page mate, do you have any idea why the thumbnails are not sitting in the column but off the the right?
    Cheers
    Tom

    • Dean says:

      Looks like you have a light box gallery trying to load at the same time. You may need to disable some scripts in your theme. Try to use the clear styles option to fix the layout.

  37. Aaron Dodson says:

    Thank you so much for this AWESOME plugin. Great work.

  38. Wendy says:

    Is there a way to put the images in order?

  39. Wendy says:

    Got it! Thanks!

  40. efa says:

    Dean,

    I seem to be getting a W3C validation error from Photospace:

    character “<" is the first character of a delimiter but occurred as data
    if (this.displayedPage < lastPage)

    And I don't know enough about this stuff to know whether this is something I should care about. Any advice?

  41. Nana says:

    I have used this plug in, but i wondered can you change the number of coloums for the thumbnails, instead of 2 colourms, i want 3.

  42. Gaby says:

    Hi!
    Love the plugin…! However it does not display correctly. The first image it is shown twice and overlapped plus out of place. If you click on any thumb on the first set, they come up fine but that first image does not disappear, just dims itself to like 70% transparency. If you scroll to the second set of thumbnails then all is ok. The problem is only on the first set of thumbnails and on the first page. No idea why….any suggestions?

    Thanks!!!

  43. bernd says:

    hi,

    very cool gallery. thx a lot.

    is there a way to change the image click event , so that it doesn’t navigate to the next image, but zooms in the actual image.
    my gallery is 600 x 400 , but on the click event i want to show a larger version of the image.

    thx

    • david says:

      Hi Bernd,
      Did you ever manage to do this? ’cause I’d also like to zoom in when clicking the image instead of navigating to next. Please let me know if you have a solution.

  44. AKVD says:

    Very good plugin, Iuse it on different sites, but I’ve a problem now.
    I set the thumbs to display on 10, but when the page loads: for a second ALL the tumbs show up, before my only 10. I don’t like that I want just 10 thumbs ;-(
    Anyone a solution?

    • Dean says:

      You could hide them with CSS then display them when the JS loads but this would disable the gallery all together for people that don’t have JS enabled.

  45. AKVD says:

    next question: how do I make a textlink (from another page) to one specific photo? just a link to the anchor + munber didn’t work. It goes to the first photo of the gallery.
    Thanks!

  46. This plugin looks great and I’d love to use it as long as it’s got a few customization options…

    First off, is there any way to re-create the previous/next and description areas on another part of the page? I’d like to have the description appear to the left of the image with a previous/next arrow underneath (without a ‘play slideshow’ option)

    Is this doable with css? Could I just hard-code links elsewhere in the template?

    Thanks in advance,
    Rich

  47. Charlie says:

    I would like to use separate settings for Photospace plugin on my home page than the interior pages of my site.

    Is it possible to install the plugin twice? it tried renaming folder and “Plugin Name:” in photospace but I get an error when I try to activate renamed plugin.

    Fatal error: Cannot redeclare PS_getOption() (previously declared in /Applications/MAMP/htdocs/wp-content/plugins/photospace/photospace.php:280) in /Applications/MAMP/htdocs/wp-content/plugins/photospace-interior-pages/photospace.php on line 283

    Is there another way to accomplish this?

    Please advise. Thank you – and great plugin implementation.

    Charlie

  48. john says:

    the whole gallery is blank nothing is there, anyone having this problem?

  49. Nikky says:

    I have been searching for a while for a good gallery that will work with my theme and Photospace is easily my favorite! But it’s not working correctly for me. :(

    http://nikkystephen.com/?page_id=1209

    a) I see only thumbnails, no large image.
    b) A lot of suggestions given here is to change permissions for the imagecache folder. But I don’t see this folder anywhere within the plugin, nor do I see image.php file.

    Will appreciate any help! Thanks!

  50. Se7eN says:

    Great plugin.
    One question: How do I exclude images from the post gallery? the exclude attribute of the native [gallery] is not working in photospace.
    Thanks
    Tim

  51. Curtis says:

    Cool plugin.
    Couple quick questions.
    I’d like to add a border around thumbs and main image but can’t seem to do it from the css. Could I get a little direction on how to apply this.
    Second question (easy one I hope I want to change the Navigation text to black “Next Photo” “Play Slideshow” etc. I was easily able to style the description text via the css.
    Thanks Curt

    • Curtis says:

      So I figured out how to alter text colour no problem. (.gallery .thumnail_col a {) Incase anyone is trying to find that.

      I managed to add a border to .gallery .gal_content { but it seems to have some padding top left and right any idea on how to erase that or add the border to the image only?

      Thanks

  52. Nathan says:

    http://waldvisuals.com/weddings/ I have a problem with the next and previous buttons on that page – not aligning up.

    In the photospace/gallery.css I changed the margin-top from 0 to -20

    .gallery .controls {
    margin-top: -20px;
    height: 20px;
    }

    otherwise they’d overlap the main image. I don’t know what to change for the next and previous buttons though.

    Cheers

  53. Joanne says:

    Thiis is great!
    What quick work this makes of doing a portfolio.

    Love the pagination.
    I want to show number of pages like this site does:
    http://milesredd.com/portfolio.php

    Or at least the total number of photos.

    Got any suggestions?

    Thanks

  54. Joanne says:

    Dean
    Thanks for the speedy reply.
    Just installed the update

    I saw the ‘use paging’ option and selected it.

    Unfortunately, it displays nothing under the thumbnails.

    I tried ‘use paging’ and ‘show controls’ together, or each one separately.

    ‘show controls’ works as before, but ‘use paging’ is not showing any page numbers at present….

    (I’m using a thematic child theme)

    Is there css I should add?

  55. Edd says:

    Hi Dean,

    great plugin, just what i needed :)

    Unfortunately i’m having problems inserting 2 galleries into the same page. One of the galleries is formed of the images attached to the given post, and the other gallery is pulling in the images from another post. Im injecting both the galleries in the template itself using do_shortcode() and specifying post IDs for both to try and avoid any conflicts.

    When the page loads the first image of the first gallery loads, but when clicking any of the other images in that gallery it hangs on the loading gif. The same is true for the second gallery on the page but the first image doesnt show at all.

    Ive used firebug to check its not a conflict with the JS and its’ not (as far as i can tell – no errors anyway) but as my php skills are fairly limited and you state in the spec that multiple galleries are supported i thought i’d chuck this one over to you and see if you can shed any light.

    If you need any more details let me know.

    Thanks!

  56. Joanne says:

    Hi Dean – here is a link —
    the page numbering is activated

    http://www.thomasburak.com/portfolio

    I will give you a logon if I can find your email address

    Cheers and thanks

  57. Andy says:

    Hello guys,

    I got a problem after updating to new version 2.1.1. The picture order in the gallery is not correct (upside down the order I uploaded the pics). Reordering in the Upload menu doesn’t work. Have you got any idea what’s the problem?

    Cheers
    Andy

    • Becky says:

      Having the exact same problem. The order is completely out of wack, will not re-sort and the next/prev page controls have lost their styling. If a plugin is going to radically change CSS it should post a warning before upgrade.

      Is there a way to re-order the images without having to remove them?

      Thanks

      • Dean says:

        Sorry, the ordering issue has been fixed.

        • Becky says:

          OK, but how do I get things back the way they were? I just went in and gave an order number to the images in the gallery and that didn’t change anything. Can I do this without deleting them and starting over? Please let me know.
          Thanks

  58. Bill says:

    You updated your software a couple/few days ago and my images went out of order. I had to delete them and put them back. Then today your latest update put the images thumbnail from horizontal to vertical bullet list with the actual bullets displaying. Is there anyway you can update your software and NOT have it affect current display of galleries that are “live”. Thanks.

  59. Bill says:

    Okay, I shut off my super cache and cleared the cache. The thumbs are on the left of the image even though my tag is this:

    [photospace horizontal_thumb=true num_thumb=6]

  60. Amanda says:

    I’m also having a display issue since the recent update.
    When logged in as an admin, my gallery displays correctly with 3 cols of thumbnails to the left and the selected image to the right. From any browser not logged in, the thumbs are aligned vertically with bullets and continue beyond the page bounds. The slideshow options and the larger/selected image appear below the long scroll of thumbs.

    Very strange it’s affecting normal view and not the admin view.

  61. Amanda says:

    Nevermind. Cache cleared and everything’s fixed.

  62. AKVD says:

    Thanks for this wonderfull plugin!

  63. Victoria says:

    how do you upload multiple images at once, currently I have to upload one pic at a time and I have about 1000 images to upload :(

    Thanks

  64. efa says:

    I have a bug that I just noticed (and I just updated to latest version). In Safari 4.1.3 (Mac 10.4.11) horizontal images are dropping down a few pixels, but vertical images are not. It looks like this is being caused by the nbsp; in line 630 of jquery.galleriffic.js – when I remove the nbsp the bug goes away.

    This is not happening in FF 3.5.6. I am testing on a localhost, so I can’t send a link. I can send screenshots if you want me to.

  65. Mike says:

    HI, I have been trying various options for getting a simple gallery with thumbs on the right of a slideshow. Thus far I have been unable to get the images showing. I have nextgen gallery attached to the page in question and I also have some images in the page content. The shortcode didnt seem to work in the code so I put the shortcode in the php file. I have tried uninstalling NEXTGEN and that didnt make a difference.

    How do I define images so that they are picked up? Best I have been able to do is see the controls, loading image and divs colored for where the images and thumbnails should be.
    Thanks

  66. bobbi says:

    Hi Dean, I was using version 2.0.4. This latest update to 2.1.2 seemed to have some good features I saw myself using down the road.
    I am using the code for horizontal top thumbnail version.
    In the previous version, with out me adding any css into my theme css file, or your gallery.css the Photospace gallery was centered in the containing block of my theme.
    Now no matter what I do, it aligns to the left.
    I have applied styles and removed styles and back again to anything that could affect this (I think). I even hardcoded into a post an align center tag and it still didn’t bugde.
    Of course I wonder why the other one (v204) did align center, when there really isn’t any code to tell it to do that.
    Any help is appreciated. Thank you.

  67. efa says:

    I had the quirky behavior that when someone was typing in a comment form on a post that had a Photospace gallery, the main image would change every time the spacebar was used. In case anyone else wants to change this behavior, I solved it by commenting out this code in jquery.galleriffic.js:

    case 32: // space
    gallery.next();
    //e.preventDefault(); *** photospace – don’t break forms ***
    break;

  68. Mark Zelis says:

    You have done a Wonderful Thing here. Thank you for your work on the plug-in I have it working on a test site for my client here:
    http://1kpov.com/artists/nautical/

    One modification I made to the CSS I thought I’d share was to make use the nth-child pseudo-class to clear the float for the next row of thumbnails. this was necessary because of the irregular dimensions of the thumbnails made some rows snag and drop to the next row.

    .photospace ul.thumbs li:nth-child(2n+1) {
    clear:both;
    }

    I also needed to add a margin: 0 auto; to the images of the thumbs to center them in the column, just for looks.

    Finally I needed to add more margin to the .photospace class to the bottom because of the additional info I added to the description. Becasue I don’t know what I’m doing with the code I hard coded the hieght in the PHP.

    Thank you again I just wanted to share my love!!!!
    z

  69. Mike says:

    I got the page http://glenntebblehomewares.com.au/gallery looking great using this great plugin. Exactly what I needed.

    However I had been looking at it in Chrome, Safari and IE9. When I looked at it in IE8 the format was stuffed.

    Two issues:
    1) The main slideshow image is not showing at all in IE8 and looks fine in chrome etc. There is an error that come up which is:

    Message: Expected identifier, string or number
    Line: 328
    Char: 5
    Code: 0

    2) I need to work out a way to get CSS nth-child like function working in some fashion for IE8 as gaps in the thumbnails is what is required in the spec.

    Thanks

    • Mike says:

      I have resolved these issues.

      1) The first is a bug in photospace.php on line 720. Currently it is }, and it should be }

      Maybe because I am using strict for the html doc type?

      2) The second I used jquery to get around IE not supporting CSS3

  70. David Fox says:

    Hi,
    Love your plugin. It doesn’t seem to work in IE7 though which unfortunately for me, is a problem for my client.

    Basically the error I’m experiencing is that IE7 throws up a JS error (although it doesn’t explain properly what the error is) and the large image doesn’t display.

    Any idea’s what this could be?

    Cheers

  71. bobbi says:

    I just noticed this IE7 error as well? I am using photospace in child of the WP twenty ten theme. I have used photospace in other sites built the same way with no problems working in IE7.. so I figure it must be something in the newest photospace version I am using (2.1.2)

    Any ideas on that one?

    thanks

  72. bobby says:

    “Easily order images via drag and drop”

    where and how?

    btw
    thanks , great prog

  73. Ian Merrill says:

    Hello David! Great plug-in!

    I have “<" symbols next to my thumbnails. Any help would be great! thank you!

  74. Fotis says:

    Hi Dean from Greece (you are international..(!). ), How i can make the Photospace to play to the right side of the site?

    (The photospace.gallery.css looks inactive)

    Fotis

  75. Fred says:

    Hi Dean,

    did you already test the plugin on a mobile device (e.g. iPhone / mobile Safari)?
    The page link which switches to the next/previous set of thumbnails does not seem to work properly: When the last page is displayed, both links (“”) are displayed – instead of only one (“<"). You have to click twice on the back-button to actually get to the previous page.

    This appears on this this demo page as well.

    Any ideas on that one? Thanks!

  76. Jess says:

    Hi Dean,
    I have updated to the new version and I seem to have everything working fine except that the captions are behaving oddly. I want them left aligned, but only the captions on horizontal images are aligning properly. I have tried everything I can think of to get it working. Do you have any ideas? Many thanks for the plugin.
    http://www.abigailedwards.com/pages/?page_id=161

    • Dean says:

      Hi Jess

      I would check the sizes you have set for your large images, also rebuilding your thumbs. There seems to be a mismatch in sizing.

  77. Darlene says:

    Hi Dean,

    I love this plugin! I’m using it in a client’s website, and it was just what they were looking for. However for some reason the captions are not showing up in IE 7 or IE 8. Have you experienced this issue or know how I can fix this?

    I made only minor customizations to your gallery using CSS to and have limited knowledge of PHP. Any help you can provide would be appreciated!

  78. the background on my theme is black. The plugin works great, thumbnails look good and all.I would like the background for the large picture to be black so that it does not matter how big the pictures are they have the border and nothing else.

    How do I set the background of the big picture container to black?

    Thank you,

    Thom

  79. Carlos Gonçalves says:

    I have problems with IE7, any suggestion to fix it? This problem happens in your site too. Can you help me?

    Thanks a lot!

  80. Therm says:

    Dean, first off, thanks for the great plugin.
    I have an issue however.
    I’ve been using the plugin for a few months now with no problem. Just the other day (im not sure if it was after an update) I added a new post with the shortcode (as i’ve always done) but the main pic is still the size of a thumbnail. It won’t show up large. All my old posts are displaying fine, but my new ones (i’ve posted two) are not. Can you help? My client is getting restless.

    thanks much, man!

  81. Chaz Curry says:

    Love the plugin!!!

    …when I add that bit of CSS (to make the Horizontal thumbnails on the bottom) – the bottom row behaviors normally when you hover off the thumbs, but when you go up to the 1st row the image doesn’t link to that image, just the next one in line.

    I’m a bit stumped, as it works if I don’t add that bit f CSS and the hovers work as expected.

    Thanks so much!

  82. Chaz Curry says:

    forgot to leave a link where’s it up…

    —> http://www.chazcurry.com/blog/surfing

    • Dean says:

      Hi Chaz

      Looking good. You just need more margin under the gallery. Add this to the CSS

      .photospace {
      margin-bottom: 70px;
      }

      And you have too many thumbs showing.

      • Chaz Curry says:

        ya, I defintely have your 80px default margin-bottom. but when I increase it, it doesn’t change one bit.

        could this be related to some other javascript perhaps?

        i narrowed it down to .photospace .thumbs_wrap2 … but when i get it look good, only the second row hover works and the top row doesn’t link to a specific image, only the next one sequentially.

        • Dean says:

          Try

          .photospace {
          margin-bottom: 70px !important;
          }

          • Chaz Curry says:

            Freakin’ bloody brilliant Dean!

            What was weird was that I actually had to add those lines of code again despite them already being in there. THANK YOU!

            Too many thumbs? Ya, think? I wasn’t a fan or having the user click arrows, but rather see all the thumbs. Seems to react ok so far…

  83. Paul says:

    Hey there,

    Thanks for the great plug-in, Dean! I just have a small issue. If I don’t put two breaks in after inserting [photospace] the type overlaps the thumbs (I have the thumbs set to bottom). Any ideas?

    Thanks!

  84. Paul says:

    Actually, some of the images display with the type overlapping, and some are displaying with the type far down the page: http://www.modaoudphoto.com/blog.

    Thanks again!

    • Dean says:

      Hi Paul

      You have a fixed size for the gallery area so it may not work well if you have very horizontal and vertical images. The text shouldn’t overlap. You may need to add some margin under the gallery. Looks fine to me though.

      • Paul says:

        Well, it looks great if all of the images are the same size. If I get rid of the fixed height and width then it gets wonky. The blog text comes up to the top, the main image moves to the right and the thumbnails are on top. Is there a way to correct this? Am I doing something wrong?

      • Paul says:

        Also, it’s basically still putting the same amount of space between posts…

      • Paul says:

        OK… I think I have it to a point now where the type displays fine, but when you click on an image to transition to the next, it is moving everything down while it transitions. Eeeek. I cannot seem to get this right!

  85. hans says:

    hi dean,

    i’ve checked the plugin on mobile safari on iphone and ipad. the navigation is a bit buggy. any ideas on that?

    greetings
    hans

  86. Gloria says:

    Hi!

    I’d like to know how I can make the transition (between one picture and another in the slideshow) to run slower. I’d like the pics to blur a little more.

    Thanks.

  87. Chaz Curry says:

    I guess one last request…

    How do I take out the Play Slideshow title in the top left and instead move the Previous Photo (over to the left of the gallery) to replace the Play Slideshow button?

    Thanks Dean!

  88. Linda says:

    I have AnimeLight and Twentyten as my themes, then I installed this. But it doesn’t work. I have tried both the older and new versions, and also tried your method to move the JS, then insert the call into the header, but it doesn’t work either. The url is http://www.lolita-fashion.com Would you please help? I really love how the gallery works for ur plugin, clean, concise, professional. Thanks in advance.

  89. David says:

    I have been using photospace for a year and it is a great plugin.

    I just upgraded to 2.1.4 and it does not work properly on Firefox(Windows and Mac).
    The gallery shows overlapping all full res images.

  90. Ori says:

    Hi, I love the plugin and it plays great on my picture Gallery!
    Is there a way to have the plugin generate code only for pages that actually use it?
    (It adds code on all the pages)

  91. AKVD says:

    Hey,

    Very good plugin, Thanks! But … why is there no simple translation file (.pot), now I have to translate “play slideshow” etc. every time I update??
    Thanks,
    Anna-Karina

  92. Jo says:

    Hi,

    Thank you for providing such a great plugin – exactly what I needed!

    One small issue I’m having is getting the thumbnails to sit horizontally below the main image. I followed the suggestion in a previous comment of putting the Thumbnail Column Width, Main Image Width and Gallery width to the same, which has worked perfectly other than the thumbnails are *above* the main image. Is there some css code I can add/change to correct this?

    Thanks!

    • Chaz Curry says:

      Hi Jo.

      I had the same problem, did you do what Dean recommended for me?

      • Jo says:

        Hey,

        Thanks for the reply.

        Did try the code Dean gave you on your suggestion, but didn’t seem to do anything for me.

        My css knowledge is very limited, so am playing around with the numbers a bit to see what happens. I think I’ve got it working how I want now :)

  93. Atish says:

    Hi,

    I just installed the plugin and added some images to my post but for some reason the phospace doesn’t seem to work. here is the URL: http://conceptculture.com/southside/about/

    Can you please help me?

    Thanks,
    Atish P.

  94. Keith says:

    Hi there, I have a problem, the thumbnails have stopped showing for some reason, I have not edited any code they just disappeared from a post. However, when I view the source of the page, the code is all there listing the thumbs, they are just not visible? Strange. Any help would be much appreciated. Thanks

  95. A-Bomb says:

    Hello, Great plugin! Is there a way to not have the gallery pull the featured image from the page that it is on? I am re-purposing the featured image in another part of the template and don’t want it to automatically be pulled into the gallery. Thanks in advance for your help!

  96. bobbi says:

    Use the exclude=”33″ function described above

    “33″ is the image id number

  97. Carol says:

    Hi there, these “per instance” options are not working or I don’t know how to make them work. In my options panel, for example, I have auto play unchecked, but when I turn it on in my home page ([photospace auto_play=true]), it still follows what’s in the options panel.
    I’m using the most recent version of WP and the plugin, and TwentyTen template. Thanks for any help!

  98. Colin says:

    Hi! Is it possible to randomize the images in the slideshow? I don’t see an option in the ‘shortcode attributes’ listed at the top of this page. I’ve tried modifying the Gallery Settings…
    http://en.support.wordpress.com/images/gallery/#gallery-settings

    Setting the ‘Order images by’ to ‘Random’, then ‘Save Changes’, but it refreshes / defaults back to ‘Menu Order’. I would really, really like to be able to randomize the slide-show. Please let me know if this is possible. Many thanks in advance!

    • Dean says:

      Hi Colin

      I didn’t add that as an option. You can try changing ‘orderby’ => ‘menu_order’ to ‘orderby’ => ‘random’ on lines 528, 536 and 538 in photospace.php

      • Colin says:

        Hi Dean,
        Thanks so much for getting back to me. Unfortunately revising the .php file as you suggested had no effect. No worries tho. I’ll just look for another plugin to showcase the random slideshow – and continue to use Photospace in other areas – because it ROCKS! Thanks so much for the terrific plugin and support. Cheers to you!

  99. Di says:

    Dean, Hi!
    I have one question. I want to make the text links. To each link (text) opened the picture in the gallery. What is the link needs to be done to open 4 (example) a picture in the gallery?

  100. daniel says:

    Hi Dean, congrats for this awesome plugin!! I am trying to use it on minimatica theme, and some curious thing happening: when I upload more than 4 pics on gallery, 5 for example, the page ‘stucks’ on 4 thumbs. i tried to test with num_thumb=5 but no deal, plugins using just yours and reg thumbnails, do you have any hints on where could I fix this? thanks a lot http://taoquimia.net/china/beijing-2/yihe-yuan/

    • Dean says:

      Sorry, I’m not sure what the problem is. Looks to me like you only have 4 images uploaded?

      • daniel says:

        I uploaded 5, but the page only reads 4 of them. tried with different pics, but the bug is still there… thanks anyway!

        • Dean says:

          Sorry I thought that was for Bannerspace. That shouldn’t help…

          • daniel says:

            don’t worry man, you are doing a great job. if i find this out, I’ll be back here to tell you. cheers my friend!!

            • daniel says:

              Dean, I uninstalled photospace, waited a couple of days, installed again and guess – it works! couldn’t keep working without your plugin :))))

  101. Lisa says:

    Thank you so much. What a fantastic plugin. It worked 1st time and was so easy I couldn’t believe it! Well done and thanks again.

  102. Hi Dean,

    First of all thanks for a great plugin! I’ve got it working on a client site and its fine apart from the caption on the first image that loads is showing in the top left corner, after the first image it works fine. Any ideas what this could be? Here is the link:

    http://www.sandia-silver.co.uk/Jewellery/earrings/ – click ‘view gellery’

    Thanks a lot.

    • Dean says:

      wow…You are using it in a modal window!?

      Why not use a plugin that is designed for a modal window or better yet embed that gallery in the page.

  103. Hannah says:

    Hi,
    Thanks so much for this great plugin! I have it working almost exactly as I’d like, except for the captions. The two problems are:

    1) I can’t find anyway to get the fade on the captions to look smooth – it looks kind of grainy and green in the transition, and

    2) The captions in IE look pixelated – which I understand is something to do with Cleartype being removed

    I’ve tried fiddling about with the PHP but without any luck, so is there any way to remove the fade from the captions entirely without it looking odd?

    Thanks, Hannah

    • Dean says:

      Yip, IE really sucks hey. I haven’t found a solution that works well for this. I think it’s better in Windows 7.

  104. Nate says:

    Broken. No Javascript conflict and I’m working locally, so no permissions issues, either. Also, do you realize your Photospace Theme is named exactly the same as the Photospace plugin (photospace.zip)? The theme is broken, too, btw. WP says “broken, reverting to default theme.”

    Back to this plugin… I deactivated all my other plugins and used this with Starker’s theme (bare) and twentyten, even.

    The plugin is simply broken. It shows the big images I added to the post and a loading bar which just keeps loading underneath.

    Funny thing, when I uninstalled the WP Pic Tagger plugin, the loading bar disappeared completely. This might be the first plugin I’ve seen that was more broken by itself than with an additional plugin conflict. :)

    Am I doing this right? …
    I click the “Add image button” and go through an annoying 3-click process for every image I want to add to the post and THEN type [photospace] at the end…? So, for 8 pictures, I have to click around more than 24 times! What a horrible way to work. Anyway, it’s broken.

  105. Nate says:

    Photospace PLUGIN is still broken as far as I can tell, but the Photospace THEME magically worked after I deactivated and activated a few times, so maybe I can dick around with that for a while… I’d rather not have to work on ripping apart a template though if I could just get the plugin to work.

    Btw, it looks beautiful, so if I can get it to work, I will look for your Paypal donate button.

  106. Nate says:

    WHAT DOES THIS MEAN?: “Click the Add an image button upload the images but you don’t need to insert them into the content.”

    If I grab the images from the Media Gallery, there is no other way to add them to the post other than to insert them into the post, which closes the window and then I have to click the Add Image button all over again, select the Media Gallery tab, select the image and click Insert Into post again… again and again. The only other way to work would be to keep uploading images, right? So you end up with a million photos on your server that are duplicates if you’ve already uploaded them before?

  107. Nate says:

    Alright, damn it. I got it to work finally. It appears I have to upload images every time in order for it to work (can’t use Media Gallery).

    Now that I figured that out, I was a happy man (although not happy that I have to always upload when I might be using the same photos I already uploaded), so I turned on a plugin and blammo, now I have a conflict with WP Pic Tagger.

    Is there an easy way to resolve plugin conflicts, since it is all about Javascript or do you just have to make a choice about which plugin you want to use more? :)

  108. Ross Parker says:

    Hi Dean,

    I’m having the large image not showing up problem. I have read the comments above, but still struggling to resolve this.

    As a test, I am trying to get it working on this page: http://www.rossparker.co.uk/wedding-portfolio

    Could you please have a look and see where I am going wrong please?

    Thanks,

    Ross

    • Dean says:

      Hi Ross

      Is it still installed? Looks like there are lots of scripts embedded in that theme. There must be some conflict.

      • Ross parker says:

        Hi Dean,

        Yes it is still installed but as you say the theme has lots of scripts already installed. Is there a way around this, or should I accept that I will not get the gallery working with this theme?

        Thanks,

        Ross

  109. Danielle says:

    How, if it is possible, do I add text NEXT to the gallery (not as a caption or anything)? I’m working on an e-store and want to add product descriptions next to the gallery of product images.

  110. Robbie says:

    Hello! I am trying to implement your plugin on my website but for some reason it’s not working at all… It seems it’s not t loading any styles, and the imgs appear all broken… I’ve been trying to get this to work for the last two days and I’m honestly at my wit’s end. If you could help me out I would certainly appreciate it. Thank you very much in advance!

    ~Robbie

    • Dean says:

      Looks like you are using the old version!

      • Robbie says:

        Hi! Thank you again for your response :) I was wondering if it’s possible to customize the information in the caption, add for example the date of the picture… And also if it might be possible to add a facebook/twitter share button for the large image and if so how it could be done… Again, thank you so much for such great plugin and support! :)

        • Hannah says:

          Hi Robbie,

          Would you mind telling me how you got your captions to display without the odd looking fade showing up? Please see my comment above: http://thriveweb.com.au/the-lab/wordpress-gallery-plugin-photospace-2/#comment-3235

          Thank you!

          Hannah

          • Robbie says:

            Hello Hanna! To tell you the truth, I’m not really sure how I did that (I hadn’t even noticed there was a problem with the fade). I’ve been fiddling a lot with the css to adjust the gallery to my design. I also got rid of the ss-control, which was cluttering the code for what I needed. The rest is just like I said normal css styling… I’m sorry I can’t give you a better answer! :(

            • Hannah says:

              No worries, I think I have got the fade problem fixed now by putting a background-color on the caption. I had tried this before but it had created another problem elsewhere, but for now I think its the best solution. Thanks for your reply!

  111. Ria says:

    Hi Dean. I’ve searched high and low to find a plugin like this, so I was very happy to find Photospace – thank you! I’ve just installed the Version 2.1.4 and everything looks and works fine for be except for the pagination. I’ve ticked the “use paging” option on the Photospace options panel, and the button size is set to the default 50 size, and yet neither the pagination function nor the associated button is showing up! What am I doing wrong?

    LINK: http://bit.ly/jyacbP

    • Dean says:

      Do you have enough photos? It won’t display if it’s not needed.

      • Ria says:

        Ah. Ok. I think I’ve misunderstood what this pagination thing is, exactly. I assumed this would enable the user to click through to the next slideshow (I’ve built several/on different pages) and/or page, rather than just to more photos within the same slideshow. Thanks.

  112. Warren says:

    Hi.

    Just installed the pluggin but i can’t figure out how to get it to work.

    I’ve uploaded photos and attached using [photospace]

    All i get is the images displaying but as a list.

    Any suggestions on how to resolve this? Could this be down to my theme?

    Link: http://testing.wozoodledesigns.co.uk/gallery/

  113. julien says:

    Hi,

    Thank you for this great plugin !!

    I customize this plugin for a site.
    But no expert in js and I have difficulties for the style.

    I just want the title and description of the photo but not that size – width… – on this line :

    I would simply remove the width and top.

    How can I do ? Thanks :)

    Julien

  114. julien says:

    Sorry, i forget the line in my message ;

    span class=”image-caption current” style=”opacity: 1; width: 700px; top: 400px; left: 0px;”>

    Escalier du Bota Bota
    test test

    </span

  115. julien says:

    Hi,

    You can see the page : http://www.fabrispec.com/metaux-ouvres

    Thank you.

    Julien

  116. Diego says:

    Hi, first congratulations for the plugin. I have a question. How to crop the thumbnail only? Without interfering in the main picture. Just as you can in the Twenty Ten standard gallery.

  117. Julien says:

    Hi Dean,

    Can you help me please ?

    How I can delete current style for the caption span.

    Thank you !!

  118. Emile says:

    Hi Dean, thank you very much for the awesome plugin, it works great everywhere, except for IE, it seems like the script isnt loading, I have tried most of the solutions in the comments, as well as disabling all other plugins, but still no luck. a link to a gallery page on the site: http://www.lvstar.co.za/?p=159 your help/advice would be greatly appreciated.

    Thank you in advance.

  119. Bigoz says:

    Hi,

    I’m trying to change controls from text to images.
    But I do not know how to change text to imagesource…

    playLinkText: ‘Play Slideshow’,
    pauseLinkText: ‘Pause Slideshow’,
    prevLinkText: ‘‹ Preview image’,
    nextLinkText: ‘Next image › ‘,

    • Dean says:

      Hi Bigoz

      You would need to use css to hide the text and display a background image.

      • Is there a way to change “Previous Photo” & “Next Photo” to something else like “previous” & “next”.

        With CSS I could set the text to “lowercase”, but I can I change the output of the Html?

        Any Idea?

        thanks in advance
        Ingvi Jónasson

        • Dean says:

          No you can’t do that with css of course. You can edit the text in photospace.php but it will be lost on updates.

          • Yes, thats what I did and than it change on last update. But I am quite sure that it can be done with the jQuery, html(). I just wanted to find out if it could be done from customizing the plugin.Thanks.

  120. ZarK says:

    Hi Dean,

    Thank you very much for the plugin!

    It was working perfectly for me until I tried to insert a photospace gallery into a post of post type other than post or page.
    When I look the code with Firebug I can see the HTML for the photospace gallery but I get no images showing up whatsoever. Why isn’t it working? Is it beacause of the custom post type?

    • ZarK says:

      Hi again,
      no… it was not the fact that it is a different type of post… I targeted the same post that I was targeting before (when it was working) and it still does not work :(. No image shows up.
      I think the problem is that this time I am not using The Loop, but I am trying to get the content of the post with $post -> post_content . However, I am applying ‘the_content’ filter and it still does not work. Do you have any suggestions? Do I necessarily have to use the loop?… please say no :)…. I would really really appreciate any ideas.
      Thanks a lot in advance!

  121. Anita says:

    I need more caption room underneath the images, because each of my images come with a short poem. How can I take care of that? Here’s a link:
    http://saviophotography.com/night-visions/

    Thank you in advance!

  122. BradM says:

    This looks like a great plugin! Thanks for making it available for free.

    I’m pretty new to WP. Are there any step by step instructions? Preferably with screen captures?

  123. Herbert says:

    Thanks for this handy plugin. Everything seems to work well, and I have the AJAX thumbnail rebuild working in tandem. Very nice! Thanks again and great work!

  124. James says:

    Hi there, I tried installing this but I couldn’t get it to work. Instead of the gallery it is only inserting the full size images in the post. Please help!

  125. Dylan says:

    Hey Dean, the plugin is great and absolutely perfect for what we need for one of our clients. However I’m having an issue.

    I installed the plugin on an image heavy site that we were in the middle of setting up, so when I first installed it, the images were all full sized. After running the rebuilder and refresher, I have the thumbnails at the proper size, but the thumbs were being displayed and when you clicked on them it took you to the full size images. I did the fix above from RobL and that made it so that the gallery was working. However, now the thumbnails are all displayed in a very spread out line and the gallery portion is shoved way down below.
    Here is an example of what I’m talking about: http://eckmanfineart.com/test

    Any help would be greatly appreciated.
    Dylan

  126. JochenT says:

    This is a very fine plugin. It is just what we have needed and it works perfectly.
    With the time I had about 60 plugins installed with Photospace but only one did make problems (Custom Contact Forms).

    Thank you for that work.

    • BradM says:

      Were you able to fix the conflict with Custom Contact Forms and Photospace? If not, what did you end up doing?

  127. Brian says:

    This plugin is theeee dopest I’ve found.

    I’m having one issue – most likely an oversight / easy fix – I cannot seem to figure out.

    The width of the thumbnail wrapper is pushing out the width of SOMEthing, and I can’t figure it out (see horiz scroll bar). Also thumbs aren’t centered and the arrows are jumbled up (I can live with that).

    http://nevercontent.net/yumna/

    Any idea?

    Huge thanks man,
    Brian

    P.S. – It would be really awesome if for one image posts the thumbnails automatically disappeared (and thumbs div wasn’t included, to keep slideshow-to-text margin the same).

    • Dean says:

      Hi Brian

      Looking good!

      You have the code to center the thumbs. but it’s not working right.

      If you get rid of

      .photospace .thumbs_wrap {
      left: 50%;
      }

      .photospace .thumnail_col {
      left: -50%;
      }

      It should fix the problem.

  128. Jason says:

    Such a great plugin. Thanks so much. A couple questions.

    1. Clicking the large image advances to the next image. Is it possible to have it link to the Link URL for a different page? Same goes for the caption and/or description. Thinking of using it to showcase a portfolio and clicking the image/caption would take them to further info on that image. I’ve places html code in the caption for this effect but it’s kind an impractical workaround.

    2. Hovering over the large image in Chrome it reads ‘undefined.’ Hovering over the thumbs properly gives the title. example: http://jackandjillputupablog.com/photo-gallery/

    Thanks again!!

    • Dean says:

      Hi Jason

      1. It may be possible if you changed the code. You might want to look at my Bannerspace plugin. It would be more suited to that.
      2. Wow I’m surprised that went so long unnoticed! Thanks, it’s been fixed.

  129. John says:

    Beautiful and elegant

    I am using horizontal thumbnails on top

    How do I get captions to display complete width of slideshow regardless of how wide img displays.

    Now they centre with the image. We want them left.

    This is the ONLY gallery of its kind. Beautiful

  130. BradM says:

    I’m getting an error on this page – http://www.agelessskinandlasercenter.net/index.php?page_id=13

    The error says:
    $(‘#thumbs_13 ul.thumbs li, .thumnail_col a.pageLink’).opacityrollover is not a function (http://screencast.com/t/fmi8RurP)

    I’ve tried turning off all the plugins on my site and that didn’t fix it. In the I don’t see any links to the scripts from the plugin folder? Do I have to manually put those into the header.php?

    • Dean says:

      Do you have wp_head() in your theme?

      • BradM says:

        I didn’t when I first put up those links, but now I do. I’m still getting the same error, I’ve disabled all plugins and same error. Any ideas?

        • Lindsay says:

          Can you disable all plugins and show your link again?? Weeding through all of the crap gets difficult.

          • BradM says:

            Ok, I don’t know what happened, and I feel kinda dumb, but it’s working as it’s supposed to with the plugins deactivated. I was able to determine that the conflict is with Custom Contact Forms plugin. I’ve deactivated everything but that plugin. Could you help me figure out how to fix it? Thanks for your help. (the above link is the same)

            • Lindsay says:

              While I am pretty good at css and php, I am not very good at debugging javascript. That being said – it’s probably just something that using the noconflict fix will cure.

              I didn’t get a chance to root through the code, but you can wrap the document.(ready) function in this:

              ______________________________________
              ( function($) {

              [function here ]

              } ) ( jQuery );
              ______________________________________

              Wish i had more help but I dont.. I could tell you that I know with 100% certainty that this plugin does work with “Help
              Fast Secure Contact” plugin.. thats what we use

    • BradM says:

      I got the images to work. My issues were coming from a plug-in conflict with Custom Contact Forms. In the general settings of Custom Contact Forms, set “Restrict Frontend JS and CSS to Form Pages Only” to “Yes”. And magically… both work. Thanks to both Dean and Lindsay for attempting to help and pointing me in the right direction!

  131. Pete says:

    I’ve used your photospace plugin on a few wordpress sites, and I’m having two related but separate problems:

    1) trying to get rid of the default syncTransitions behavior. I’ve tried setting it to “false” in the gallerific js file, I’ve tried using the wp “delay” shortcode as specified above, and I’ve even tried putting “syncTransitions=false” in the shortcode, all to no avail. it always syncs no matter what i do. Any suggestions?

    2) IE cleartype does not work by default with jquery fades, so the caption div has no font-smoothing. Is there a known workaround for this?

    thanks in advance for any assistance you have to offer, and thanks for putting out this wonderful plugin.

  132. Drew says:

    Hi,

    Can you let me know how to amend the gallery.css to allow a relative position in a window? I am building a center aligned CMS site that reacts to a window resize but the slideshow currently reacts as though it is floated left.

    Thanks!

    • Lindsay says:

      I can help you but you need to post a link to the site.. can’t guess at how your site is structures..

      Also, i’d LOVE to know what you are using to dynamically change the size of the image based on browser size. That would be AWESOME>

    • Dean says:

      I may be able to help if you post an example link.

  133. [...] PHOTOSPACE 2 The photospace gallery plugin allows you to upload multiple images at once , easily order images via drag and drop and start slideshow automatically and may more features. [...]

  134. Lindsay says:

    Hey guys.. just wanted to post this incase someone wanted it. I overrode the stylesheet in my style.css (so as not to have to rewrite it when the plugin updates).

    The below code will place the “previous photo” and “next photo” directly to the left/right (respectively) of the photo in the slideshow. Now you can replace the next with an arrow graphic. Works really well for those of you who are using it without any thumbnails and looks nice.

    here’s the style:
    /* slider controls override */
    .photospace .controls {
    height: 20px!important;
    margin-top: -20px!important;
    z-index: 99999!important;
    }
    .photospace .nav-controls {
    float: right!important;
    margin-left: -25px!important;
    margin-top: 327px!important;
    position: absolute!important;
    width: 1010px!important;
    z-index: 999999999!important;
    }
    .photospace .controls a.next {
    float: right!important;
    margin-right: 10px!important;
    }
    .photospace .controls a.prev {
    float: left !important;
    margin-right: 10px !important;
    }
    a.next{
    background: url(images/next.png) right no-repeat;
    width:15px;
    height:17px;
    }
    a.prev{
    background: url(images/prev.png) left no-repeat;
    width:15px;
    height:17px;
    }

    You MUST make one core change though. You have to edit the photospace.php file and remove “Next Photo” and “Previous Photo” .. make sure to leave the ‘ ‘ there though!!!

    • Dean says:

      Hi Lindsay

      Looks nice. It’s a shame the text isn’t in a span so it could be hidden. Might be worth an update!

  135. Lindsay says:

    The beginning of my comment shows you how to remove the text so it’s not on top of the arrows..

  136. Ryan says:

    Hi, I’m running into a problem where the shortcode attributes don’t see to make any effect. Specifically I was trying to get the horizontal_thumb to be set properly. I tired =1 and =true, but it seems that the gallery only pays attention to the attributes defined in the main options panel of the plug-in.

    • Dean says:

      Setting the horizontal attributes isn’t all you have to do. See the examples where I add the css. You also need to the box widths to be the same. Sorry, it’s a bit tricky.

  137. Tim says:

    Question: Is there a possibility to force portrait size images to float left? In stead of the default center float. I cant find it anywhere in the code/settings.

    thnx

    • Dean says:

      Hi Tim

      This should do it. Add it to your CSS

      .photospace .slideshow a.advance-link {
      text-align: left !important;
      }

  138. Andy Hoyland says:

    Hi there.

    Great little plugin. Thank you.

    I was just wandering if there is a way of reversing the order in which the images display? Similar to putting order=DESC into the regular gallery? It doesn’t need to be shortcode. Is it possible to edit this in the php somewhere? I’m aware of the issues with that method but for the site I’m doing it doesn’t matter!

    Thanks again for the plugin.
    Andy

  139. mr.madison says:

    im trying to do the Horizontal thumbnails top

    and have added the code but still no luck in it working can you please check on this

    http://atlantagotsole.com/2011/07/28/sneak-peek-nikita-clothing-springsummer-2012-collection/

    im using the short code and still no luck and we have added it to the style sheet

  140. Amir says:

    Hi ! Is ther any one who khows how i can insert 2 difrent gallerys in the same photo section with photospace? Thanks and greetings for your help

  141. Tim says:

    Nice! Thnx for the fast reply, it worked perfectly (forcing img to align left) I wondered, in which sequence does photospace display the attached photo’s? Is there a way to manipulate this? Sorry if i’m overlooking something obvious. Anyway, great plugin best i’ve seen so far.

    • Dean says:

      Hi Tim. Yes in the gallery tab. This appears when you add images.

      • Tim says:

        He Dean,

        Recently you told me that a ‘gallery tab’ would appear when i ad images to photospace. With this tab i would be able to customize the sequence of the displayed images. I am not able to locate this ‘gallery tab’ in my photospace functions (wp-admin) do i need an additional plugin for this function to appear? I only got the photospace plugin installed and i am using the default wp image uploader.

        I hope you can help me (again)

        gr
        Tim

  142. Tim P says:

    This has been extremely useful. Is there a simple way to change to positioning of the slide show on the wordspress page? I would like to left justify it. Also is there a way to justify the image caption to the left side of the main image?
    Thanks in advance

    • Dean says:

      Hi Tim. It looks like it’s your theme that is causing this. See:

      .widemargins {
      margin: auto 135px;
      }
      style.css (line 595)

  143. Trevor R says:

    Great plugin, 5 stars in WordPress for sure! This is very handy for a product image gallery for a shopping cart.

    One issue I did encounter was with the Horizontal Thumbnails. In the CSS there is: .photospace .thumbs_wrap { left: 50 % }, which puts this div over to the right of course. But if you have two columns with Photospace in the left column, the thumbs_wrap div goes over top of the content in the right column. It’s transparent so not a big deal mostly, except in my case I had an add to cart button that was not click-able since it ended up under the thumbs_wrap div.

    This can be solved with some z-index CSS on the item you need over top of the thumbs_wrap, but I just wondered if there was a better way to avoid this issue? Thanks!

    • Dean says:

      Hi Trevor. Glad you find it useful :) Yes I can see how that could happen. If you post a link I’ll have more of a look into it.

      • Trevor R says:

        The site is now live, so here is the URL to a page where the thumbs wrap overlays the content. http://www.loveofpretty.com/shop/something-blue/

        It is fixed as mentioned by some z-index hacks, but I do think it would be ideal for plugin users if this could be avoided.

        Another big issue I just encountered though was the two javascript calls for Photospace seem to load as unsecure links (not https) on my checkout page. All my other plugins seem to load through a https link. Is this my error or something that needs to be fixed?

        Thanks again!!

        • Dean says:

          You don’t need the Left: 50% lines unless you are centering the thumbs.

          • Trevor R says:

            So true, jeez talk about missing the obvious. Thank you!!

            More importantly, any luck on handling the SSL issues for your plugin? It is actually all your external loads (the CSS and JS files) that don’t load as HTTPS URLs on secure pages.

            I hacked the plugin to hard code the URL, but that definitely not my first choice for a fix. Thank you so much!

            Trevor

              • Trevor R says:

                No love from that function. But I should explain it a bit better. I spent half a day looking into this so hopefully I can provide a bit of insight. Not being a coder, I can’t fix it yet. The problem is some plugins code the “plugin path” differently.

                For example, both my Contact Form 7 and Cart66 plugins resolve as HTTPS when I’m on an HTTPS page. I’m trying to see how Contact Form 7 does it so I can advise you, but I can’t figure it out yet. Sorry to bug you with this. If I figure it out how to declare the path properly I’ll let you know! I really appreciate your feedback so far though, you rock!

  144. Trevor R says:

    Thank you! Unfortunately, the site is in development so I don’t want the shopping cart to be publicly posted here. I’ll post the URL when it goes live in the next week or two. For now I’ve fixed it with z-index so no rush.

  145. Dan D says:

    How can I center the main image, both horizontally AND vertically, within the main image area? Also, how can I hide the thumbnails after a period of 5 seconds, and show them again when the user moves the mouse? In other words, the thumbnails hide when user input is idle.

    • Dean says:

      Hi Dan. To center the image you need to change a couple things in the CSS. Auto hide the thumbs is much more complicated.

      .photospace .slideshow img {
      vertical-align: middle;
      }

      .photospace .slideshow span.image-wrapper {
      line-height: 370px; /* height of gallery */
      }

      • Dan D says:

        Hi Dean, Thanks for your reply.
        Re: Centering the main image vertically, the vertical-align: middle CSS doesn’t work. Is there another suggestion on how to center the image vertically?. Should I use a table cell? If so, where should I insert the table? I also want to center the horizontal thumbnails along with the main image. The thumbnails are currently aligned left. Thanks!

      • Dan D says:

        Update! I got the main image centered! Now still trying to center the thumbs…

  146. Hi, just last week I implemented your latest update to my site & then any new pages I create (http://djg4friends.com/in-progress/coast-radio-hobart/history/test-page/) with a default WP “Featured Image” are failing to load the featured image, they just load the default header – see http://wordpress.org/support/topic/twenty-ten-feature-image-error-after-321-update?replies=3

    I have tested all options of deleting the plugin, re- installing yet on my site I cannot get the featured image to work again – Does your plugin write to some specific image handling file that may be affecting this Featured Image code?

    I have another site using your plugin (without the latest update) and the featured images on that work fine, even if I change to Twenty Ten theme and create a new test page.

    I have changed nothing else – hence am at a loss to find the error, any help appreciated. Thanks

  147. [...] everybody. And many thanks to the developer Share this:TwitterFacebookLike this:LikeSei der Erste, dem dieser post [...]

  148. Brandon says:

    Is it possible to insert a hyperlink into a caption in a photospace gallery?

  149. Chaz says:

    Hi Dean! Have you heard any problems w/ the current version of WordPress (WordPress 3.2.1.)? All seemed to be working until I checked all my galleries today.

    Thumbs show up ok, but main pictures don’t load, the pre-loader gif just repeats.

    Thanks for all your help here on your site. =)

  150. Chaz says:

    Weird. Could be my theme. I activated all the other themes and the gallery works fine. Perhaps it’s the newest version of my theme and the newest version of the gallery…?

    2.1.5 seemed to be ok. I can’t find an old copy of 2.1.5 anywhere to test. anywhere that might be?

  151. jul says:

    “Easily order images via drag and drop.”
    i can’t find where to do this.
    thanks.

  152. Tracy says:

    How do i set how many thumbnails are in a column? Right now they’re in one long column. Thanks

  153. Tracy says:

    hmmm, i think i screwed something up! it’s a mess: i’m building a testing site at: http://betternotice.com/amerlux/

    any ideas on how to remedy this?

  154. Tracy says:

    ah, nevermind, i fixed it. Thank you!

  155. Tracy says:

    How do i get the photo gallery thumbnails to be on the right, like in http://thriveweb.com.au/photospace-plugin-examples/thumbs-on-right/?

    I followed the instructions of adding the following to my style.css, but it did not work

    .photospace .thumnail_col {
    float:right;
    }
    .photospace .gal_content {
    float:left;
    }
    .photospace ul.thumbs li {
    margin-left:10px;
    margin-right:0 !important;
    }
    .photospace .thumnail_col a.pageLink {
    margin-left:10px;
    margin-right:0
    }

  156. Janell says:

    Hi Dean,
    The only other plugin I am using is Akismet, but I cannot get the photo go the full width (it should be 630px.) The height works perfectly. I have used Gallerific quite a few times, and this is the first time I’ve had this problem (though it was not a WordPress plugin.) Could you please take a look and see what I am doing wrong?
    Thanks so much,
    Janell

  157. Tracy says:

    any assistance on how to get the thumbnails on the right like in http://thriveweb.com.au/photospace-plugin-examples/thumbs-on-right/?

  158. Kirk Holmes says:

    Any suggestions on how to have the thumbnails that are displayed go in order from left to right rather than right to left in the following example: http://kimballha.sc30.info/?page_id=6

    Kirk

  159. Dan W says:

    Hi,

    I’m having an issue with the horizontal thumbs.
    Once you’ve navigated the 2nd or 3rd page of thumbs, advancing the image by clicking a thumb or the main image itself causes an additional thumbnail to be inserted. I have the num_thumbs set to 4.

    http://mysweetsandbox.com/keithbarket/gallery

    Any ideas?

    Thanks,
    Dan

    • Dan W says:

      Also, the hover opacity and selected image opacity is not working on the thumbs. I haven’t edited any code, and added the CSS rules for the horizontal thumbs straight from this site.

      Thanks,
      Dan

    • Dean says:

      Hi Dan. What browser? If you use the paging you can avoid this.

      • Dan W says:

        Hi Dean,

        Thanks for your response. It seems to be happening only on Firefox 3.6. It is NOT happening on Safari 4.1.3, which seems weird to me.

        Anyway, I tried paging, and clicking a thumb on any page other than page 1 results in an extra thumb from a previous page suddenly appearing on the left of the row.

        I left the paging on if you want to test.

        Thanks,
        Dan

  160. Dan D says:

    How can I show Title / Caption in my sidebar, outside of the Photospace div ? Possible?

    • Dan D says:

      OK. I figured this out – just adjusted the css…
      Now the big problem. How can I link from one image to another gallery page? I would like to be able to click on an image that’s showing in my main “showcase” gallery, and go to one of several gallery pages that has more of the same kind of images.

  161. Jamie says:

    Thanks for the fantastic plugin.

    One issue: I can’t get multiple galleries to work for custom post types. I have a template that’s looping through each entry as it would with “Posts.” But after the first gallery, thumbnails are direct links, the loading image won’t swap to the full image, and there’s a JS error: “imageData is undefined.”

    Any help is appreciated. Thanks.

    • Dean says:

      Hi Jamie. I haven’t tried multiple custom posts but it should work the same. Can you post a link?

      • Jamie says:

        Sorry, I ended up ditching the custom post type and finding a different solution due to time constraints. Thanks for the quick reply. Hopefully others who may come across this issue will have better luck.

  162. Margie says:

    Nice plugin, but i was hoping you could help me, i can’t seem to make the slideshow work, it only shows the loading bar even after i placed 3-5 images and click on “Add an image” in each of the posts

    please help i’ve been working on it for hours

    here’s the link to the gallery page
    http://thepropertyinvestmentprofessionals.com/about-us/photo-gallery/

  163. linguine says:

    Hi Dean,

    I had Photospace Version 2.1.4 installed and working just fine. Since I installed another plugin which also uses jquery (jquery accoridan menu), photospace has stopped working.

    Are you able to provide any suggestions as to what the problem may be?

    Thanks
    Lin

  164. linguine says:

    Hi again,
    Sorry for the second message but I just checked IE8 and that is working fine, it’s only in Firefox 5.0 that there is a problem displaying.
    Thanks

  165. chapmana says:

    Hi,
    I’m really new to WordPress and I installed this plugin to use on a site, but I am getting a ‘javascript is not a function error’ which I am assuming is the reason why the main image won’t load in the gallery. I was looking through the comments, but I didn’t see where exactly I was supposed to change the javascript file.

    Any help would greatly be appreciated.
    Thanks.

  166. Maria says:

    Hi Dean,

    Good job on the plugin. 2 things I am having trouble with: Any content I put after the plugin shortcode gets pushed down the page and I can’t get the main image width larger than 500 px (I think, but see link- when I change the width to 600px it looks like it just moves the main image to the left). This is the page: http://www.orderstorm.com/wordpress-ecommerce-design/download-wordpress-ecommerce-bigbuttons-theme

  167. Paul Dixon says:

    Hi Dean,

    The plugin looks great, thanks so much for that.

    The only problem I have is the backward and forward buttons don’t seem to be visible.

    The website is currently http://test.earlarts.co.uk

    What have I broken??!

    Thanks,

    Paul