Simple Colorbox
Colorbox is an excellent jQuery plugin by Jack Moore. There are other Colorbox plugins for WordPress, but Simple Colorbox is, well, the simplest. Gone are complicated administration panels and mess to confuse your clients with. The Simple Colorbox is as cut down and simple as it can be. Simple install, activate, and the plugin will add beautiful layovers via the Colorbox script automagically to all linked images.
Simple Colorbox Slideshow demo featuring WordPress developers Jon Cave, Ryan Hellyer and Jeff Ghazally.
Advanced
For the more hard core among you, the plugin class includes a few constants which you can preset in your own plugins, themes or even in your wp-config file. Definitions for the theme, opacity and/or maximum height are available:
SIMPLECOLORBOX_THEME Can choose from 1, 2, 3, 4 or 5
SIMPLECOLORBOX_OPACITY Any value from 0 to 1
SIMPLECOLORBOX_WIDTH Any value from 0 to 100
SIMPLECOLORBOX_HEIGHT Any value from 0 to 100
SIMPLECOLORBOX_SLIDESHOW Setting this to null will remove the slideshow
milad says:
hey ..thank u .. really good optimized plugin.awsome ..thanks
April 23, 2012 at 4:42 am # //
Ryan says:
Glad to hear you like it
April 25, 2012 at 3:16 pm # //
High Tech says:
thanks for your plugin.but im having a problem. is there any way to show full image height in lightbox ?
April 27, 2012 at 1:18 am # //
Ryan says:
It should already display at full height. if you post a URL of the problem you are experiencing then I’ll take a look at it for you.
April 27, 2012 at 3:14 pm # //
High Tech says:
Thanks for reply.here is my url http://www.pinpersia.com/%D9%87%D9%86%D8%B1-%D8%B9%DA%A9%D8%A7%D8%B3%DB%8C/
image does not show in full size..
April 28, 2012 at 2:07 am # //
Ryan says:
Sorry for the delay in replying. It turns out I had turned off comment notifications without realising.
The ColorBox appears to be displaying at full height for me as in this screenshot:
http://pixopoint.com/uploads/colorbox-test1.jpg
How did you expect it to appear?
May 1, 2012 at 10:59 am # //
Tin says:
Thanks for simple colorbox plugin,
I need open a pdf archive in a colorbox, is it possible?, html? like a colorbox examples…
Regards
May 2, 2012 at 6:50 pm # //
Ryan says:
This plugin is intended only for images. You would need to use either another plugin, or a custom plugin to add support for opening PDFs, HTML etc. This plugin is aimed at those who only need it for opening images.
May 9, 2012 at 10:29 am # //
Curtis says:
Hi,
I love the simplicity of your app but it seems like it only shows one picture at a time. I would have to exit viewing one photo and click on another. Is there anyway to fix this thanks!
May 18, 2012 at 9:26 pm # //
Ryan says:
It doesn’t allow for sliding through multiple images, but it does allow you to use it multiple times on the same page.
June 5, 2012 at 1:52 pm # //
Ryan says:
This seemed like a sensible addition, so I added this functionality for you during the 1.2 release. Enjoy
July 22, 2012 at 1:57 pm # //
Mike says:
easy to install and use. is there any way to add info/caption to the popout pic?
July 13, 2012 at 12:40 pm # //
Ryan says:
Nope. Sorry. I don’t have any intention of adding that functionality unless someone can think of an unobtrusive seamless way to do it.
July 20, 2012 at 3:22 pm # //
David says:
Love the simplicity of this, but have run into a problem.
It was working fine but without explanation it has changed and now I don’t get the colorbox effect…please see http://tanyalazarou.com/?page_id=107 to see what I mean. The photos now appear at the top of the gallery page.
Can you please help me solve this - I have very limited programming knowledge so need a simple fix.
Thanks,
David.
August 22, 2012 at 7:30 am # //
Ryan says:
Sorry about that! If you try the latest version that problem should be solved. For some bizarre reason all the CSS, JS and image files disappeared from the zip file on WordPress.org but I’m not sure why.
August 22, 2012 at 8:51 am # //
David says:
Thank you very much for your prompt answer - YES, it did fix the problem. Whatever caused that problem is annoying and it also explains why my reload of the plugin from Wordpres.org also failed to work. Anyway, it now works again - thank you so much for your help and this great plugin.
All the best,
David.
August 22, 2012 at 10:33 am # //
Ryan says:
I’m glad to hear you like it
August 25, 2012 at 9:01 am # //
Renee says:
Hi Ryan…awesome plugin. I had it working for a while and I’ve made changes to the website. I have a gallery thumbnail that opens to a post with an image. I click on the image and the colorbox doesn’t do its magic. Not sure why. Any thoughts. I included the url above. There are 3 corporate thumbnails. Still working on the rest of the galleries. Any help is greatly appreciated.
Thanks,
Renee
October 12, 2012 at 11:01 pm # //
Ryan Hellyer says:
It appears to be working fine now. Perhaps you are confused by having WordPress set to a link your galleries to a post instead of an image? That is setting in the galleries portion of WordPress.
October 13, 2012 at 7:11 am # //
Renee says:
I see that colorbox does work when I click on the image when it’s on the “attachement” page. However, it is not working from the post page. My steps:
1. Go to the Corporate gallery, click on the first thumbnail image in the gallery.
2. The blog post page is displayed.
3. Click on the image. The colorbox doesn’t open, but the the “attachment” page opens. Only from there does colorbox work.
Example two, slightly different flavor:
1. Corporate gallery, second thumbnail (pic looks like a bunch of eggs).
2. The blog post page is displayed.
3. Click on image. Result is that it’s not clickable and colorbox does not display.
I know this is probably something very simple. It’s driving me nuts.
October 13, 2012 at 10:55 am # //
Renee says:
I was re-reading your reply. I need the gallery image to open the blog post so the reader can see the details about the painting. If I don’t set the link for the gallery image to the post, it will only open the image without the details.
I could put the details in the description of the image itself, but I need other thumbnail images (up close shots of the painting) to display with the big picture.
Do you know another way to do this?
October 13, 2012 at 11:04 am # //
Ryan Hellyer says:
I’m confused about what you are trying to achieve. If you want to link to the attachment page, then clicking on that link can not open a Colorbox since it would need to take you to the attachments page. From there you would need to click the image again to get the Colorbox. From what I can see, that is how it is working now.
If you link directly to the image to make the Colorbox open, then you won’t have the attachments page, but that’s what you trying to open it seems.
I think I’m misunderstanding something here. The plugin itself certainly seems to be working just fine on your site.
October 13, 2012 at 12:09 pm # //
Renee says:
Does the colorbox only work with thumbnails or can it work with blog post images that are not thumbnails? I can’t seem to get it to work with the blog post images. I’m pretty good at diving into the code to figure things out, so if it’s a simple code change, I can do it.
October 12, 2012 at 11:37 pm # //
Ryan says:
It works with all linked images regardless of whether they are a gallery or otherwise. If it’s an image being linked to, then it’ll use Colorbox.
October 13, 2012 at 7:12 am # //
Webworksleela says:
Awesome plugin Ryan! Just wanted to say a quick thanks
May 22, 2013 at 1:42 am # //
Ryan says:
Glad to hear you like it
May 22, 2013 at 11:43 am # //
Webworksleela says:
Ryan, I used the "simple lightbox" plugin until now on a few projects I had, but I tried out yours and was so nicely surprised! Was wondering if there is any possibility to add the theme selector to the theme's function php so if there is an update for the plugin I won't use the selected theme? I don't like to edit the plugins file to acheive the desired result.
May 22, 2013 at 1:46 am # //
Ryan says:
There are instructions on the plugins installation page on how to do that … http://wordpress.org/plugins/simple-colorbox/installation/
Just add the definition to your theme and it will use the other theme automatically.
May 22, 2013 at 11:44 am # //
Nicky says:
Awesome plugin, Ryan.
When I go to the mobile (iPhone) view of the colorbox image, the colorbox info at the bottom (image 1 of 5) overlaps the title.
Is there a way to remove the image counter (only on mobile, if possible, but for all views if that is not possible), so the title will show completely and clearly when viewed on a mobile?
Thank you for any suggestions.
August 9, 2013 at 10:31 pm # //
Ryan says:
Sorry, I’m having trouble trying to understand what you are referring to. Could you post a screenshot to help explain?
Thanks
August 10, 2013 at 10:10 am # //
Ryan says:
I received the screenshot via email.
This is a problem of the original Colorbox script unfortunately. I’d prefer not to mess with that original code if possible.
I have been contemplating blocking the Colorbox from loading at all on mobile devices. Do you think that would be a suitable solution to your problem?
I’ve never liked how the script works on mobile devices, so avoiding it’s use at all when on mobile seems like a good idea to me. I’m open to suggestions though.
August 10, 2013 at 1:50 pm # //
Nicky says:
That would be a shame to have to disable for mobile.
It would be super great to just remove either the title or the numbers (1 of 5, 2 of 5, 3 of 5, etc.) on just the mobile view.
Possible?
August 18, 2013 at 5:53 pm # //
Ryan Hellyer says:
It’s certainly possible, but I don’t feel it’s something suitable for this plugin. The problem is in the original ColorBox script, not in the plugin, so I think it should be fixed there.
I recommend getting in touch with the ColorBox developer and seeing if he can help fix it.
In the mean time, I am working on a bunch of upgrades to the plugin which involve using the latest version of ColorBox (I didn’t realise it wasn’t using the latest version) and adding translation support, plus some API changes for developers to take advantage of.
August 18, 2013 at 6:17 pm # //
Ryan Hellyer says:
I’ve been discussing this with some other people who have convinced me that it might be worth trying to implement something to fix this. I’m not promising I will have anything ready to fix this soon, but I’ll definitely be giving it some though. I need to work out the best way to do it first.
August 18, 2013 at 10:24 pm # //
Maddie says:
This is wonderful. Thank you!!
August 23, 2013 at 8:29 pm # //