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:

823 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

  3. 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?

  4. 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.

  5. 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

  6. 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".

  7. 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”.

  8. 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

  9. 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.

  10. 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.

  11. 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!

  12. 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…

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

  14. 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

  15. Pingback: Sweat & Tears… Kicks & Giggles

  16. 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.

  17. 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!

  18. 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.

  19. 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?

  20. 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!

  21. 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.

  22. 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! :-)

  23. 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

  24. 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.

  25. 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?

  26. 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.

  27. Pingback: Lightbox Plugin für Wordpress

  28. 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.

  29. 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

  30. 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?

  31. 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.

  32. 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.

  33. 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

  34. 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.

  35. Hi, I just installed your plugin. I created a gallery named mygallery and added the following line on my page content:

    [EasyGallery id=’mygallery’]

    However instead of showing the images it shows me a link.

  36. Hi,
    First of all let me say this is a great plugin!
    I’ve just installed it on a WordPress using a custom theme I’ve created. Everything seems to work fine except that for some reason the overlay image is placed at the very bottom of the page instead of centering it in the viewport.
    Any idea of any missing layout which might be causing this behavior?
    Thanks in advance

    • This is weird. I’ve removed your plugin and installed “Lightbox Gallery plugin” instead (it uses colorbox as well) and now images are displayed properly (centered in the viewport).
      Is there a chance this has to do with colorbox version? “Lightbox Gallery” uses v1.3.19 while “Lightbox for native galleries” uses v1.3.14

  37. Great work Alex. I love this plugin, it’s awesome.
    But if i can add a sharing functionality to it, it would be pure awesomeness.

    Please help me how can i add the sharing on Facebook and twitter to the image that is browsed.

    Thanks man and keep up the great work

  38. Howdy.

    Im developing a site locally and noticed that the installation of this plugin interferes with the WPNewCarousels plugin. Has anyone else had this issue and found a way to fix it?

    It is very frustrating stuff…

    Cheers

  39. Pingback: 10 Of the Best jQuery Lightbox Plugins for WordPress | The Blog Blender

  40. There seems to be a conflict between your lightbox plugin and IBlocks. Both activated at the same time produces this error in firebug:

    $(obj).find(“a”).colorbox is not a function
    [Halt on error]

    $(obj).find(“a”).colorbox({rel:galleryid, maxWidth:”95%”, maxHeight:”95%”});

    And renders the lightbox inoperable.

  41. I am also looking for a way to add Facebook Like/ Share and possibly other social media buttons. What would you recommend. Can you provide a quick example and where to edit the code. Thanks in advance!

    Much appreciated your plugin and active support.

  42. Help please. Do not set the style options to Lightbox worked.
    In the default theme and it works.
    I tried to change the file – media.php, but the class is not added.

  43. just wanted to thank you for creating such a beautiful plugin which is so well optimized for good SEO too, I have had immense benefit from this plugin and Never ever had any problem. Timely upgrades and sexy redering. This is awesome !

  44. Hello,

    I am using the plugin for a non-gallery image. I gave the link a class of “lightbox”. While the lightbbox works perfectly, I noticed that the image caption does not show anymore across the bottom of the image when in the lightbox as it does when you use it for a gallery.

    How do I get the image caption to display in the lightbox??

    Thank You.

  45. Hi,
    First, thanks a lot for this plugin !!!
    Do you know if it’s possible to have an automatic slideshow, I have a look in the js, but i don’t find….

  46. thank you very much for such kind of great plugin !!! it’s very easy to use.
    i have a suggestion, please load script in footer on line 34, it cause problem for me , but i fix it to load the script file in footer. like this

    wp_enqueue_script( ‘colorbox’, plugins_url( ‘colorbox/jquery.colorbox-min.js’, __FILE__ ), array( ‘jquery’ ), ‘1.3.14’ , true );

  47. Hey I’m trying to use this plugin in conjunction with my post at http://www.freetechnologytips.com/2012/06/feh-robot-project/ and it doesn’t seem to be working. I don’t want to take up too much of anyone’s time but does anyone have any quick ideas why this wouldn’t be working? I installed and activated the plugin…and inserted gallery into my post. I don’t have Smart YouTube or whatever but do you think it’s a conflicting plugin?

    • I don’t see any of this plugin’s Javascript being loaded. Do you have <?php wp_head(); ?> somewhere inside of the <head> tag inside of your theme’s header.php? All themes should ideally have this hook.

      • oh wow. yeah that was it. now i’m looking into what happened to my theme and what other plugins weren’t working as a result. well this is intricate.

        thank you so much! now, on to fixing the problem… *sigh*.

  48. Hi Alex,

    I have a wordpress gallery of images, and I want to have it so clicking on them brings up an image slider like you have for those 6 images above. The only reference to the gallery I have is [gallery] and the hrefs for the individual images. how would I go about doing this (looked forever for an example but couldn’t find it)?

    • It should work without any further intervention on your part. If it’s not, then something is wrong.

      Can you try switching to the default theme temporarily to see if it works?

      If it does, then you know it’s something wrong with your theme, likely it’s missing <?php wp_head(); ?> inside of it’s header.php file. Add it right before </head>.

      If it still doesn’t work, then probably another plugin is conflicting with mine.

  49. Just a question on the jquery lightbox, are ther any commands to switch of the lightbox for selected galleries, cause in some galleries the thubnail should link to the attachementpages and not the images? …

    e.g: [gallery lightbox="off"] or some like this..?

    • Works fine for me in Firefox and Chrome but I see the issue on your site you’re talking about in Internet Explorer. Man I hate that browser. :)

      Since I can’t reproduce it on my own site, my guess is some CSS (styling) in your theme is causing this issue.

  50. This is just a great Plugin and looks great, i have one Problem it dosn t work in IE even not in IE8 why? The big picture shows up in a black line instead of the picture
    i would be really glad if you can help me to fix it for IE because i want to use the Plugin
    Susanne

  51. (1) Although it wasn’t updated in a while, the plugin works great, apparently. (2) The images are automatically resized to fit the browser viewport size — so, it’s great even on mobile devices.

    As always, thanks a bunch for the awesome plugin Alex. :) I am pleasantly thrilled to have found it finally (via Donncha’s website source).

  52. Pingback: jQuery Lightbox For Native Galleries Plugin Discontinued « Viper007Bond.com

  53. Pingback: jQuery Lightbox For Native Galleries « Viper007Bond.com | The Future is Bright

Comments are closed.