WP Lightbox 2

WP Lightbox 2 plugin used to add the lightbox (overlay) effect to the current page images on your WordPress blog. Used to overlay images on the current page. Extension of Lightbox 2 which features ‘auto-lightboxing’ of image links, courtesy of Michael Tysonand and Lightbox2 .

Just install and sit back. This plugin enable image overlay lighbox effect for all the post images in your wordpress plugin. No configuration required. From 2.1, the default view changed to Colorbox due to the license regulation by the plugin directory.
Check your Website/Domain Worth, Stats,Analysis, Page Ranking And Seo Report

Check your Website/Domain Worth, Stats,Analysis, Page Ranking And Seo Report

You may like to read : How to Use WP Lightbox 2 WordPress Plugin

License:

GNU General Public License, v2 (or newer):

This program is free software; you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation; either version 2 of the License, or
* (at your option) any later version.

WP Lightbox 2 Plugin is fully compatible with with latest version of WordPress

wp lightbox 2.1 example 1
You can download the latest version of WP Lightbox 2 or the most popular old version here:

Click here to Download Latest version of the WP Lightbox 2

Click here to Download the WP Lightbox 2.1

Click here to Download the WP Lightbox 2

Click here to view WP Lightbox 2 live demo in action

Feature:

2.25

2.1

  • Default view changed to Colorbox due to the license regulation by the plugin directory.
2.0
  • Works on all modern browsers.
  • Group related images in post and navigate through them with ease.
  • Backwards Compatibility.
  • No configuration required.
  • 5 Inbuilt theme.
  • Lightbox display of Gallery.

Demo

Installation

To do a new installation of the plugin, please follow these steps

1. Download the zipped plugin file to your local machine.
2. Unzip the file.
3. Upload the `WP-lightbox-2` folder to the `/wp-content/plugins/` directory.
4. Activate the plugin through the ‘Plugins’ menu in WordPress.
5. Optionally, go to the Options page and select a new Lightbox colour scheme. (applicable till version 2.0)

Frequently Asked Questions

Question: Why doesn’t plugin is working for me?

Answers: Check the following reasons:
You have changed the plugin folder’s name to something other than “lightbox-2″.

The problem is with your WordPress theme, mangling image display properties. Use another theme, that doesn’t interfere with posted images.

You have other plugins that conflict with Lightbox

Disable your other plugins and see if that helps. If it does, re-enable each plugin, one at a time to see which one is causing the conflict.

Question: It doesn’t work properly in Browser X (Explorer 6, 7, etc)?

Answer: Yes it does. The problem is with your WordPress theme, mangling image display properties. Use another theme, or change your theme’s Cascading Style Sheets (CSS).

Question:  How do I create a thumbnail gallery?

Answer:  Upload images to a post (see previous question) and use WordPress’ built-in gallery shortcode:


Note the link="file" – this is crucial! By default the gallery will link your humbnails to a page displaying your image. With link="file" the thumbnails links directly to the image files – allowing Lightbox to function.

 

Screen-Shots:

wp lightbox 2.1 example

WP Lightbox 2 Example

WP Lightbox 2 open large image example

This plugin is based on the Lighbox 2 plugin and this project

Please your question I wll eply in 48 hours.

Comments

  1. Dan Globus says

    Your plugin has worked wonderfully for us and we are very grateful to you for this. However, something has changed (possibly in your plugin update or a WordPress update) which is creating a problem. Would you please visit tibetanmuseum.org/jacques-marchais-herstory
    Look at the image that is the third from the top (the two bronze statues). Click on this. When the lightbox appears, the image appears squashed/shrunken). It looks like the width of the image is being constrained.
    I checked the image and the image is fine:
    Can you determine why the image’s width is being reduced?
    Thank you very much,
    Dan Globus

    • Dan Globus says

      We have learned that our original image, which is 900×625 pixels is being scaled to 600×625. Can you determine why the image is being scaled to this size so that we can stop it from being scaled?

  2. Ben says

    I’m using the Lightbox Plugin with the latest WP Version.
    All works fine, but I want to now, is it possible that I can see the file Name too? Not only the caption.

    Kind regards,
    Ben

  3. Sholem says

    THANK YOU!!

    The plugin is great – it worked straight away and is exactly what I needed!
    (Is there any way to include a link to a url in it? If you want your visitor to see the graphic and then click on a link to go to a page, for example.)

  4. Ron says

    Using
    “link=”file”

    in the WP Tiled Gallery shortcode (Jetpack), but click still opens a new page with the image… Using Spun theme…

  5. Charles says

    How can I display the contents of a hidden div (no images) with WP Lightbox 2, similar to what you can do with fancybox?

  6. ABDL86 says

    This WP Lightbox 2 dont seems to work on my site. when i activate it dont work. What can be wrong? Can it be some conflict whit my theme?

  7. Rick says

    Great plugin! Works properly except for it opens 2 lightbox windows, one on top of the other. When I close one, the other one is still underneath it, and I have to close that out too. The one on top has the prev/next arrows and and “Close” text, but the one underneath has no arrows and the default close button.

    What could be the cause of this? Any help would be greatly appreciated. Thanks!

  8. Julia says

    Lightbox was working on my site with 3.4.2 WordPress. I just upgrade to 3.6 and it just appears as a grid, each image when clicked on just goes to the image file, no lightbox. Any ideas?
    Thanks,
    Julia

  9. Julia says

    Lightbox-2 was working just fine with WordPress version 3.4.2 but when I upgraded to 3.6, it just displays images as a grid, and doesn’t show them in a pop up window when clicked, it just goes to the image. I’m working on a site located here: http://dighipsites.com/lamplighter
    Thanks
    Julia

  10. Max says

    Great Plugin!
    A hint for further improvements: The possibility to hide the picture-name or the “image x of y” would be nice.
    Cheers
    Max

    • Max says

      The next hint:
      In my previous lightbox, you could enable “buffering the next an previous picture”, which made me having no waiting time in-between two pictures. That’d be great as well.
      Cheers!

  11. rioche patrick says

    Bonjour,

    Est-il possible d’utiliser votre plugins avec des images qui serait stocker dans des dossiers publics type dropbox.

    Merci d’avance de votre réponse et de vos conseils.

  12. shobha says

    hello pankaj..

    I want to use lightbox when user click on bullet points undeR FAQ .please tell me how it works

  13. Antohile says

    Hi,
    thanks for your plugin, it works very well!
    I’d like to know how can I put only the title under thumbnails, while into the lightbox I’d like to make appear title and description.
    Is it possible? How can I do it?
    Best Regards from Italy

  14. Dalibor says

    Hello, first of all thanks for great plugin! Question: Is there a way to open image in lightbox with something like “noshrink” large images parameter. By default I use shrink, but in some cases I want the images in original size.

  15. Shaun says

    I recently installed WP-Lightbox with a responsive theme, and it works just as planned – however when you close the lightbox, it makes the drop-down box that would usually only display on a phone or smaller screen show up. Any ideas?

    You can see this on:

    http://annihilatorcustoms.com/work/lambo-doors-1/

    click on one of the images, then close the lightbox, the menu pops up.

    • Shaun says

      Ok so you won’t be able to see it. I switched to a different lightbox plugin and everything works fine. I tried to delete my earlier post but was unable to. Thanks!

  16. Marco says

    Hello I’m Marco from Germany and I love you Plug-in … But .. since the last Update it is not longer working :-(((

  17. Norman Austin says

    Hi, I’m using your WP Lightbox 2 plugin on a friend’s site http://gregernstmusic.com/photos/ …The default text color is light yellow (#FFFD39) which I cannot change without messing up the site’s color scheme. The captions under the photos use this same color against a white background, which is the border around the photos. Is it possible for me to change this text color to black or to change the border color of the photos to a darker color so that the captions can be read easily?

  18. Kahlief says

    Thank you for making such an awesome plugin, one question, is there a way to force it to not use the lightbox effect on mobile? Even when I check the shrink images checkbox, it makes many of my images huge on my mobile site.

    Thanks again.

  19. Debbie says

    I’m hoping this is an easy question for you. I’ve just installed wp-lightbox-2 and I’m having a bit of trouble. All of my images on a page seem to link together as though they are a gallery when I add more than one link to a page. How can I stop that.
    2.Also where do the galleries go once I’ve made them. How can I check to see which images are in which galleries?
    3. In your example of a gallery you named the gallery roadtrip and then used that to group images from one link. I don’t see where to name my group.
    The page I’m trying to test this on is http://businessinmd.com/test-2-of-floorplan-image-map/

    Thank you for any information you can provide.

  20. Andre says

    Hello:
    I have a rather large picture, 1200 px hgh (700 in the blog). When rendered in the lightbox the top is not shown as the box sits too high. This is a portrait oriented picture, it works fine with landscape oriented pictures though.
    Any suggestions to correct this ?
    Thank you for your attention.
    Andre

  21. Dubai Web Design & Development says

    Hello there,

    Any one share with me the script how to work mannualy in wordpress.

    Thanks.

  22. caftan dresses for tall women says

    It’s an amazing piece of writing for all the online people; they will take advantage from it I am sure.

  23. Matthieu B. says

    Hi,

    Thank you for your plugin, it is very nice and easy to use. I have just one question. After installing it and when I click on an image, it appears bigger, it works but then on the home page, I have a new navigation menu (drop-down menu) that appears under the existing one. Could you tell how to avoid showing this new menu?

  24. Bobby says

    Hello, I have a custom registration page. I am using Register Plus Redux, which enables me to have a License Agreement Section. Within that section, there is a hyperlink that says “click here to read license agreement.” This hyperlink is pointed to an image of the agreement (agreement.jpg). I would like this JPG file to open up in lightbox…is this possible? I’ve tried to add the shortcode [rel=”lightbox”] and it does not work.

    Any help would be great

  25. deepak yadav says

    Your WP Lightbox2 plugin is awsome. I used it. It’s quite simple, easy and good loking. Well done and thanks !!

  26. Peter Koch says

    Hi, nice theme thanks!
    Is it possible to change the site width? I would like to have it more wide.
    Peter

  27. andre says

    Hi,

    Not sure if you are still checking this page, but just in case:

    I apologize for butting in again, but I still cannot align CENTER the caption. Could you show us how to do that? Why is the caption align left by default and cannot be changed? It looks misaligned…

    http://www.qandmmusiccenter.com/recently-sold/

    Other than that, great plugin!

    Thank you!

    Andre

    • Pankaj Jha says

      Hi Andre, that’s how the code has been written of “Lightbox 2″ for caption by default left align and that looks good to because on the right side close button is there.

      • Andre says

        Thanks for the reply, but that’s not helpful for me, sadly. Nor is it practical for my clients, as not all sites are the same and need different setup. The simple option to align the caption should be something to consider for that reason.

        Thanks,

        Andre

        • TheJohnnyHill says

          Hi Andre,

          I know this is a little late, but I see you still haven’t been able to center-align the captions for your images. I’ve been installing this lightbox on my own website and wanted mine center-aligned as well. Here’s how to do it:

          In your WordPress dashboard, click on the Plugins tab. Under WP Lightbox 2, click “Edit”.

          On the right, you will see a list of plugin files. You want to click the one called “wp-lightbox-2/styles/lightbox.min.css”.

          You want to find the part that reads as follows:
          #imageDetails{width:70%;float:left;text-align:left}

          This is the code that controls how the caption is displayed. To center the text, simply change it to:
          #imageDetails{width:70%;float:left;text-align:center}

          That should solve it. Let me know if it works!

          Johnny

          • Andre says

            Hey Johnny,

            Wow, that is awesome and very classy on your part to share this… :) It’s NEVER too late!

            I’ll take a stab at it this week, and let you know how it went.

            Regards,

            Andre

          • TheJohnnyHill says

            Andre,

            No worries, man. I have been working non-stop for the last three weeks on my site, and I know how frustrating it is when you don’t know how to fix something (especially something so simple). Keep me updated!

            Johnny

  28. Eva says

    Hi…

    On this site, I have read under “installation” and you write…

    5. Optionally, go to the Options page and select a new Lightbox colour scheme.

    Where do I find “Lightbox colour scheme” ??? Its not listet in my options panel under WP lightbox 2, and I want to change the box background color from White to Black.

    • Pankaj Jha says

      Hi Eva, the option to choose color scheme was applicable till version 2.0 which was using the Lokesh Dhakar Lighbox as base. Because of the licence regulation issue I changed the code entirely and from 2.1 view changed to colorbox which is awesome and very famous among my users.

  29. RobS says

    Is there a way to disable the slide in from top functionality of the modal? How do I keep the top stationary when clicking next or previous?

  30. Jan Kraus says

    Thank you for your work – great plugin. Is possible to make preloading of images for faster viewing. Thaks for all.

  31. 256Studio says

    I would like to add the function of Twitter or Facebook like to the image pop up. How can we do this? The image open’s up and at the bottom u got the twitter or FB like.

  32. Patrick says

    Hi there

    I was wondering if you might be able to offer some help and or advice…I am using your plugin for a few sites and I love it….one site that I just recently started up is for a personal blog, where I am using the WordPress theme Twenty Eleven, yet so far I am not having any luck with getting your plug in to work…in fact, I have even tried other similar lightwell plugins to see if I can get it to work, yet to no avail!

    I want to use the Twenty Eleven theme, since it fits well with my blog and would love if WP Lightbox 2 would work with it

    (I even opened up a couple posts on the WordPress forums section to see if anyone might have a suggestion or have some insight as to why nothing works in terms of a lightbox effect)

    Any clues?

    Thank you for your time and consideration

    • Pankaj Jha says

      I don’t see that wp-lightbox-2 is properly installed on your website. Check below –
      1) May be your are using multiple light box plugin
      2) Are you using the latest version of the wordpress
      2) Are you using WP Mimify plugin

      • Patrick says

        Good Morning…
        I am using 3.5.1 WP, so I have the latest version installed
        I just have WP-Lightbox-2 installed and it says activated
        Not using WP Mimify, never heard of that before

        Noob question here, but if it is listed as activated, why would it now show up as installed? Is there something else that I need to do on my end to get it working?

  33. Neil Massey says

    This plugin is awesome.. Works exactly how i need it to, but with one slight exception.

    When i click on an image it displays fine and resizes great. When i close that image i notice a nav dropdown box has appeared in the middle of my nav bar. When i switch pages it goes but how can i stop this from appearing ?

    Thanks for this great plugin.

  34. Jana says

    This is a great plugin – I used it to display some photos here – http://www.yvranch.ca/sales-events/

    I have added a link attribute into the title…which works, EXCEPT I can’t get the link to open in different tab (the target=”_blank” doesn’t work), which is what I would rather do so that they person following hte link doesn’t get kicked out of the lightbox gallery.

  35. Andre says

    Hi, thank you for the useful and straight forward plugin!

    I have an issue with CENTERING THE CAPTION.

    http://www.qandmmusiccenter.net/organs/

    I’ve tried everything I could think of, the theme styles, custom CSS, and just can’t seem to be able to center the caption. There could be a padding-left for the images which I can’t find to modify.

    HELP!?

    Regards,

    Andre

  36. Kyle says

    Great plug in. A few questions.

    1) Is there a way to easily disable the animation by deleting a section of the code?
    2) How can I remove the title and just get the caption
    3) How can I replace the CLOSE X with just text, or atleast replace the image?

    Thanks

  37. alex says

    Hi,
    is this really the only wp-lightbox plugin which can shrink images to browser window size? works great, but please add localization to the next version, i’m using it on german websites as well! I tried the codepage localization plugin, doesn’t seem to work with your plugin…

    greets
    alexander

  38. tobyy says

    I am using Ajax on my page to load new pages with images. As soon as new content is loaded the lightbox doesn’t work anymore. How can i re-initialize the lightbox so the loaded images get the lightbox functionality?
    I guess i have to call the initialize() function somehow but couldn’t get it to work, maybe you can help?

  39. Oliver says

    Great plugin!

    Just one problem. I have installed your plugin and lightbox 2, so I can print the opened image.
    I have installed on this page –
    http://picback.com/1-test-page

    When the pink logo opens, it then needs to be clicked to turn one screen to another. Is the a way of forcing the print version to open straight away?

  40. Chad says

    I’m currently using your Lightbox plugin and have discovered it has a conflict with my theme. I have disabled it and used another lightbox version and the problem doesn’t occur so I do know it is something with your version. So here is what I’ve noticed. Please visit http://www.goodneighborcommunityservices.com/dev/disability-supports/residential/?album=1&gallery=1 and click on an image to launch the Lightbox. Now when you leave the lightbox by clicking out or hitting Esc scroll up so you can see the navigation bar and you will notice that the mobile version of the menu with the Menu dropdown is visable. If you refresh it will go away but something with exiting the lightbox is causing it to display. Any thoughts would be appreciated otherwise I will just need to use some other version.

    Thanks

  41. Dexter says

    hi, i’m using the plugin and just updated it. i wanted to change the color of ligthbox effect to gray. the version before this update has dropdown menu wherein you can choose color but i don’t seem to find it when i updated it. nice plugin.

    • Pankaj Jha says

      Thanks Dexter for using plugin.
      Earlier I was using Lokesh Dhakar’s Lightbox, there was some licence conflict with JNU 2.0 licence. In the latest plugin there are lots of other new features like Image Map, Auto-lightbox image links, Shrink large images to fit smaller screens etc are there.

      I am working on the color change .. will get back soon.

        • Bob Selby says

          This would really be helpful to me too. I have a client that wants a website with a dark background and white text. When I do this all the text in the lightbox are not visible. Thank you for such an easy technology solution!!

  42. Dee Reinhardt says

    I like the lightbox plug-in and installed it on several wordpress sites that I manage. My problem seems to be that it is not compatible with the Pinterest plug-in that I use. Any suggestions? I tried it in Chrome and IE8 and it doesn’t work.

    • Dee Reinhardt says

      I deactivated the Pinterest Plug-in – Display a Pinterest “Pin It” button on top of your images, only when people move their mouse over the image. Version 1.0 | By SuccessNexus.com

      NOW my lightbox works. Is there any way that you could adapt your plug-in to allow it to work with the Pinterest plug-in. Not everyone has added the PinIt button to their browser bar to enable pinning.

      I would really love it if they could work together.

  43. A. C. Rusinov says

    Hello, I installed Lightbox2 in one of my websites (www.evilplanetstudios.com) and I have an animated flash a header, it reloads every time lightbox2 opens an image. Is there a way of avoiding this? How long will it take before there is a fix for this problem?

    Thank you very much. Have a great day.

  44. prisca says

    Hi :)
    thanks for this great plugin – works really well :)

    Just thought I should report a strange issue: when accessing the settings, making changes and then saving them – the page loads blank. Using the back button, or reloading the page, then shows the settings page again with the latest settings saved successfully.
    So nothing wrong with the pugin functions, or changing settings – but an odd error on saving.

    tech info: WordPress.Version 3.4., plugin Version 2.21, using Chrome (latest) on Mac OS10.8

  45. Kinshuk says

    Hello Mr. Pankaj,

    starting off, Kudos to you for developing such a handy and efficient plugin for overlay image display. I have a personal photo blog and very frankly, your light box plugin is a savior. I am, however suffering from an issue… whenever an image thumbnail is clicked , everything works fine. Lightbox opens up and the images are displayed fine. But after closing the lightbox gallery , the initial page (containing text, thumbnails etc) is somehow darkened and faded as if its in background of some plugin still running. Maybe you’ll have a better idea on seeing it …

    Kindly visit http://www.kinshukkashyap.in/?p=266 to have a better idea. i’d be highly obliged to have this issue sorted out. thanking you in advance,

    with Regards,

    Kinshuk Kashyap

  46. Yair says

    Hello dear Pankaj

    1. can you try to tell me way its not work in pages
    as you can see here in my blog
    http://www.temoni.org/?page_id=4527
    but in the post its work as well

    2. i canot see my hebrew language of the plugin in the blog- way?

    thanks

    * i whant to Donate you, give me a link please

  47. Ylva says

    Hi, thanks for this nice plugin!
    I can’t seem to figure out how to change the overlay opacity for my site karinmariajonsson.se
    Can you help me?

  48. Sean Engle says

    Hello –

    I love your WP_Lightbox_2 – but I am having an issue. For some reason, after I installed and configured it, while all my existing images come up in Lightbox, any new ones I load come up as “attachments” and WP creates a new page for them. Do you have any idea why this might be?

  49. Jim says

    Great plugin, i am having a small problem… i have a nextgen gallery page, i click on the thumbnail and it opens up nicely using your plugin, but when i close the image, the default ugly nextgen view of the image is in behind. then i have to click close on that image as well?

    Any ideas how to disable the nextgen popup?

    • Pankaj Jha says

      Hi,

      Can you please give some more details, like

      Case A: After upgrading to 2.1 WP Lighbox 2 plugin stopped working.

      If that is the case please go to “Setting->WP Lightbox 2″ page make sure that check box “Auto-lightbox image links”. Save changes and see if working.

      Case B: while doing upgrade you got any error.

      In this case please delete the plugin and install again the WP Lightbox 2 plugin and follow the steps describes above in case A.

  50. Name says

    You are best Jha, you covered lighbox as well as color box both. Its very easy to implement both bulk and indivisual options are available in WP Lightbox 2

  51. irel says

    hi, I am using this plugin and it worked perfectly with images that are uploaded to my server and putting rel= code to one but it’s doesn’t work in all of my images since most of them are hosted from my photobucket account. I tried going to the image advance setting by adding rel=”lightbox” even copied that one in your link the rel=rel=”lightbox[26]” ( i know I’m silly) still not working. I am just wondering is there a code that lightbox 2 will affect all my images even those images that are hosted from Photobucket?

  52. Mike says

    Hi,

    I have the same issue as @Trey, the Close text and image don’t close the lightbox. Any chance of a fix, plugin does exactly what I want otherwise

    MC

  53. samsu hidayat says

    nothing happen, after installation, and i click on image in my post…image show not in lichbox

  54. jlz says

    great plugin. 2 suggestions:
    – add some explanation on how to upgrade from earlier version. I found out that this new version 2 doesn’t replace the older version, but rather install on a new directory. I removed the old version by hand
    – add configurable options for these options found in lightbox.js file:
    var overlayOpacity = 0.8; // controls transparency of shadow overlay
    var animate = true; // toggles resizing animations
    var resizeSpeed = 9; // controls the speed of the image resizing animations (1=slowest and 10=fastest)

    if would be nice to be able to modify them in the option GUI rather than directly in the js file.

  55. Jörn says

    Hi!
    I just want only some pictures to be shown by lightbox 2.
    So I think I would disable the “auto” -function before activating?
    Do I have to write a “rel=wp-lightbox-2″ to the specific image?
    And where do I place the bigger image and do I include it to lightbox?
    thanks!

    Jörn

  56. Pankaj Jha says

    Hey Trey, I think its working fine for your site too. Are you using some other Lightbox plugin also. Can you please reconfirm again.

Leave a Reply

Your email address will not be published. Required fields are marked *