jQuery Lightbox For Native Galleries

DISCONTINUATION NOTICE:

Development on this plugin has been retired and discontinued in favor of Jetpack and it’s Carousel module, the same one that runs on WordPress.com.

In my opinion it’s a much better lightbox functionality and provides a better feature set than my plugin.

Description:

jQuery Lightbox For Native Galleries makes the native WordPress galleries use a lightbox script called ColorBox to display the fullsize images.

Download:

824 thoughts on “jQuery Lightbox For Native Galleries”

  1. Hi there I have your plugin installed on quite a few of my websites but it seems to have stopped working all of a sudden. I don’t think it was the WP3.3 upgrade because one site that hadn’t been updated was still not displaying the lightbox. Different hosts as well. Some pages are http://harcourtstoddmurray.co.nz/98-state-highway-16-whenuapai-2/ and http://ratchet.our-minecraft.com/2011/12/06/texture-packs-32×32/ . I have just found one site where the lightbox is working so will continue to investigate.

  2. hey, am using you gallary plugin- i like it, but i dont like the image name under the picture. can you tell me how to delete the image name or write a little description under the picture.

    thanks

    daniel

  4. Hi, this is the awesome plugin for image gallery, just one problem, Can’t i fix the size of image you can see it on my website, some image have width less than 20px and after opening the image, the controls got mixed up…
    http://svolze.com/3297/samsung-galaxy-tab-620-india/

    As on colorbox demo page, How to get “No Transition + fixed width and height (75% of screen size)” display?

  7. I’m currently on 3.3.1 and after activating the plugin, it has turned every link on my gallery page into a lightbox link.

    I am also using Roots framework and a child theme in the event that helps troubleshoot.

  8. I have problems using the plugin with WP 3.3.1 and the Twenty Eleven 1.3 theme. The “slideshow” appears in the back of the page ! It is not the case with the Twenty Ten 1.3 theme.

    Any ideas ?

    • Found !

      There’s a problem in the style.css file of theme Twenty Eleven 1.3 at the following level:

      /* =Header
----------------------------------------------- */

#branding {
	border-top: 2px solid #bbb;
	padding-bottom: 10px;
	position: relative;
	z-index: 2;
}

      z-index must be 2 and not 9999 as it is in the original version

      Cheers, Stephane

  9. Great plug-in..very simple to use….almost too simple.

    ColorBox has many settings that a user can tweak. Is there any way to access them? Maybe via the [gallery shortcode] or a rel?

    Example:
    transition "elastic" The transition type. Can be set to "elastic", "fade", or "none".

  10. Sorry about that..
    The ColorBox code that I was trying to access is

    transition 	"elastic"

    The transition type. Can be set to “elastic”, “fade”, or “none”.

  11. Hi Alex…JQuery Lightbox is brilliant, just what I was looking for but I wonder if you could help me solve a small problem.

    On my blog (still under construction)I have three ‘child’ page galleries on which JQuery Lightbox works like a dream. But I want to have a parent page called Galleries, which will have one image representing each of the three galleries (more to be added). I was hoping that by clicking on an image it would being me to the required gallery (rather than a lightbox image of the pic)

    Is there a way that I can prevent Jquery lightbox operating on that Galleries page? I’m not the brightest with CSS code etc, so please could you advise which pages/part of the theme I need to modify as well.

    Thank you

  12. I really want to do the same thing. Just click on an image in my gallery to go to a page. I’m shocked no one has wanted to fix the gallery in WordPress and it has just been moved to the “we will look at that problem later pile”. Please someone help us. I would love to hear that a plugin would be able to let us save URL addresses for some gallery image entries. If you can help or your plugin can help us do this it would be more than amazing. Thank you so much for the current plugin though. It’s great.

  13. Ah well, I kind of suspected there wasn’t a universal answer to the problem. I solved it in the end by making up a page in the style of a gallery, it took an age, but it’s finished.

    And the JQuery Lightbox still works brilliantly – where it’s supposed to.

    Thanks for the use of the plugin.

  15. Marcus, my knowledge of CSS is scant but…

    the plugin only works on gallery pages, so it may well be that you FIRST need to produce some gallery pages, by loading a number of images simultaneously on a wordpress page…and activate the plugin AFTERWARDS when the galleries are completed.

    That’s all I did, and it seemed to work OK…but I’m no expert. Good luck!

  17. Marcus, I took a look at your blog and I can see your problem. Caused I think, by the fact that you are not using a ‘native gallery’.

    Please bear in mind that I am no expert but here’s what I suggest you try…

    Prepare six (ish) images and upload them SIMULTANEOUSLY by highlighting them. onto a single new WP page called say, Gallery Test…follow the procedure and you will have a new gallery page. When you click on an image it should give you the black background.

    First though, try searching on ‘jQuery Lightbox For Native Galleries’ in Utube.

    Hope that helps…

  18. Pingback: 10 Image and Gallery Lightbox Solutions for WordPress – Plugins « Wordpress Code & Research

  19. Hi Alex,

    I’ve been looking for a thumbnail plugin like this for a long time now. I really appreciate your contribution to WordPress.

    Could you tell me how to make the thumbnail plugin a clickable link to another webpage or external website? Look at codecanyon’s homepage with the thumbnail images in the main container opening to another webpage.

    Thanks

  21. Pingback: Sweat & Tears… Kicks & Giggles

  22. Hi,

    Really like this plugin, thanks!

    Is there a way to:

    – change the width and height of the thumbnails
    – change the border of the thumbnails
    – change left and bottom margin of the thumbnails

    • The width and height of the thumbnails is controlled by core WordPress. Visit Settings → Media and change the dimensions. You’ll need to use another plugin of mine called Regenerate Thumbnails in order to create new thumbnails in the new size.

      The border and margins is all controlled by CSS. WordPress’ gallery feature outputs some default CSS but you can override it via your theme’s CSS.

      • I would like to change the thumb border gallery to #99cccc.

        How could I override it via the theme CSS? please provide me with some examples.

  24. Hey! GREAT plugin, I have been seeking for something like this a long time!
    I have one question thoug, is it possible to show the thumbnails on the lightbox (at the bottom of image for example) ?

    Thanks!

  26. Hey I just wanted to say THANKS, this plug-in is amazing. After spending literally hours trying to create a lightbox gallery by combining theme options with various other plug-ins and tweaking bits of code – I just installed your plug-in and voila…
    lovely. I want my client to be able to update her own galleries easily and this is just the ticket.

  27. Does your plugin work with nextgen? Is so do you know how to implement facebook like button on the colorbox to show on individual images?

  30. Hello,

    I am trying to remove the word “image” in the area below the expanded photo. (I am having some overlapping of the “image 1 of…” and the title of the photo when the lightbox is viewed on a smaller (laptop size) screen.

    Could you direct me to the file and line that the code is on?

    Thank you!

        • The wording is located in the jquery-lightbox-for-native-galleries/colorbox/jquery.colorbox-min.js file.

          Go to:

          Plugins > Editor > jQuery Lightbox for Native Galleries > jquery-lightbox-for-native-galleries/colorbox/jquery.colorbox-min.js

          Then do a search on this file for “Current”. It is the first occurrence of the word. Remove the word “image” from the string directly after it so that it will look like this:

          current:”{current} of {total}”

          It was such a relief to find!

  31. Hi Alex,

    Thanks for your great work in developing nice plug-ins and support. May I ask you give me a little hint?

    I use the de WordPress theme Twenty Eleven with the jQuery Lightbox For Native Galleries. My problem is that when I view the gallery, the header and the menu from the Twenty Eleven theme stays on top of the photo displayed by Lightbox.

    My question is if I can modify a setting or change code to change this behaviour (so that the header and menu move to the darkened background when display images by Lightbox?

    Thanks a lot in advance!!

      • Man, you’re fast! It will be nice when you take a look at it! When I can provide you a screenprint or something like that, please let me know.

  33. Sorry, my previous question was intended for Dana who had the problem with the ngg description “Image 1 of …”. Dana, can you help?

    • I can! The wording is located in the jquery-lightbox-for-native-galleries/colorbox/jquery.colorbox-min.js file.

      Go to:

      Plugins > Editor > jQuery Lightbox for Native Galleries > jquery-lightbox-for-native-galleries/colorbox/jquery.colorbox-min.js

      Then do a search on this file for “Current”. It is the first occurrence of the word. Remove the word “image” from the string directly after it so that it will look like this:

      current:”{current} of {total}”

      It was such a relief to find! 🙂

  34. Alex – how would I add the print function to the lightbox. It displays the coupon once then click and want the word “Print Coupon” and the function to print. Thanks

  36. Great plugin! Can you address a potential issue of applying lightbox to other image links as others have voiced on this thread? I’m on Twenty Eleven and it’s adding a lightbox effect to my image links.

  37. Hi there,

    thanks for the plugin. I am using Genesis Framework with a child theme and this plugin is the only plugin that works with it.

    Is it possible that the plugin also shows one image in a post? Not even galeries. And what do I have to do?

  38. Thank you for this. I’ve tried around 5 lightbox plugins today, and none seem to be compatible with my theme except this one. Nice work.

  39. Pingback: Lightbox Plugin für Wordpress

  41. Hi Alex,

    I’m using your plugin which works well with the File Gallery plugin at http://wordpress.org/extend/plugins/file-gallery/

    However, the your jquery lightbox stopped working after I installed Nivo Slider for WordPress plugin at http://wordpress.org/extend/plugins/nivo-slider-for-wordpress on my homepage. I tried 3 sliders before finding this one which works well.

    Now, I’m able to view the gallery images but the jquery slider is not loading the images; instead, I’m being taken to the image location. I’m using this theme at
    http://freejoomla.biz/grunge-blue-%E2%80%93-ithemes-wordpress-theme/

    Thanks 🙂

        • I write and support all of my plugins in my personal time, outside of work. 🙂

          The site is having a Javascript error:

          Timestamp: 4/2/2012 1:31:17 AM
          Error: $(obj).find(“a”).colorbox is not a function
          Source File: http://denisejacksonmusic.com/photos
          Line: 176

          Something is wrong with the Colorbox script (this is what provides the lightbox functionality).

          The copy of Colorbox that is being loaded is coming from some plugin called “smart youtube” but it shouldn’t matter what plugin loads the script unless the other plugin has somehow modified the Colorbox script.

          I bet if you disable “smart youtube”, my plugin will work fine. If it does, I’d contact them and ask them if they have any ideas why their version isn’t working like it should. I’m not doing anything fancy — I’m using the script as it’s documentation recommends.

          • Hi Alex,

            I disabled Smart Youtube plugin and I cleared the cache. After I logged back into WP admin, I check the page above but the jquery slider is taking me to the image location and not loading the Lightbox.

            Should I delete the Smart Youtube plugin? Is there another plugin that may be loading the Colorbox? I hope it’s not Nivo Slider for WordPress.
            What tool are you using to view errors on page?

            • Disabling the plugin should be enough. No need to delete it.

              Colorbox is being loaded by my plugin now but I’m still getting the same error message. How odd!

              I think the only other thing I can suggest is temporarily disabling all other plugins. If it works then, re-enable them one by one to figure out where the conflict is.

              I don’t understand what could be causing a Javascript error like this…

              • Hi Alex,

                It’s the obvious culprit — Nivo Slider for WordPress. I mentioned that I installed this plugin after I got plugin to work with the File Gallery plugin.

                I know it’s not your job but I mentioned in the thread above that Nivo Slider was the 3rd plugin I used cause the other sliders weren’t working, including the SlideItMoo plugin. If you know of any slider plugins that would work, please point me in the right direction.

                I already tried Anything Slider, SlideItMoo and Smooth Slider with no luck.

  42. Hi Alex,

    Love the jQuery Lightbox For Native Galleries plugin, works brilliantly! 🙂

    I was wondering how to change the opacity or colour of the background overlay that comes up when you open the lightbox gallery (you know the transparent black background that covers the website while you’re looking at the gallery/photos).

    Ideally I’d like it to be completely transparent, otherwise, the lightest possible shade of the dark/grey black that it has by default.

    I look forward to your feedback!

    Many thanks,

    Khaled

  44. please help?
    when i share article on facebook, facebook description is totally wrong. it shows content of css (between tags) of this plugin (because it is wraped in tag ( no p tags elsewere on the page. )
    is plugin adding tag or is it wordpress?

  46. Could you update the ColorBox code? I’m having 2 problems with the older version 1.3.14. One is with Flash games reloading every time the window is maximized or minimized and the other problem is with fixed properties. There are lots of bugs in version 1.3.14. I tried swapping the ColorBox code by myself but it messes up the CSS in your plugin. The current version is 1.3.19 and it fixes the 2 problems I’m having so I would love an update. Thank you for your time and a wonderful plugin.

  48. Excellent plugin, you saved my day !
    I had the same z-index problem with WP 3.3.1 & twentyeleven 1.3, but Stephane solved it in the comments above.

  49. Hi!
    Great plugin! Just 1 short question: Can I give a single picture (no gallery) the lightbox functionality? with some rel code in html?
    thanks!
    jack

  50. HI, great plugin and works well on my site but I’m having an issue – how can I change the number of thumbnails displayed in a row – currently it will only display 4 – I’ve tried changing the thumbnail size in WP but this doesn’t appear to change the number on a row displayed only the size of them.

    I hope you can help? It’s probably a simple fix but I am a bit of a newbie to WordPress. Im currently using ‘theme1’ style for the lightbox.

Comments are closed.