Jun
2007
25

Lightbox Image Gallery Wordpress Plugin - Add Some Sparkle to your galleries

by Matt

 

I love the lightbox javascript library, but I was having the hardest time getting it to work with Wordpress. I finally figured it out with some help from these plugins

http://zeo.unic.net.my/notes/lightbox2-for-wordpress/

http://www.4mj.it/lightbox-js-v20-wordpress/ 

Here is a sample of ours:

get your gallery at realiventblog.com

The problem I found with all the other lightbox plugins was that they had no image uploader so I had to make the gallery and maually add the lightbox viewer. So I added an uploader and an easy way to add the gallery to the blog post or blog page.

Admin Sections:

get your gallery at realiventblog.com

To install the plugin, upload the entire lightbox_gallery folder to your plugin directory. Then activate it. The admin section will be under the options tab as "Lightbox".

Download: lightbox_gallery.zip 

How to Use:

  1. Make a gallery. All photos have to go into a gallery so first thing to do is "add gallery". Once you add a gallery, you can upload images to it. You can delete and move the photos from one gallery to another in the edit section.
  2. Once you have a gallery, just add [GALLERY=X] where X is the gallery id. The gallery id will be visible in the admin section. It must be capitalized!

Notes:

If you upload an image that is smaller then the desired max width, the image will not be resized.
It seems the page has to fully load before the lightbox will work. I'm looking into this.
If there is other javascript on the page, like a mybloglog widget or meebo, the lightbox will appear behind it…I'm working on this…no biggie, IMO.

It looks a lot better in Safari and Firefox, then IE7…but then again, most things do!
Safari, is quickly becoming my new favorite browser.

 

 

Tags:

Popularity: 61% [?]

Other posts you might be interested in
  • Lots of New Themes Supported  [GALLERY=6] We've added lots of new themes to our agent blog platform packages and we've tested them with all of our
  • Make a stylish wordpress header in 4 lines of code  This is not just for wordpress, but for any website. This might be a little advanced for some people using
  • New Plugin Released Today - Recent Transactions   I had a request for a Recent Transactions plugin for Wordpress so I took our featured Listings Plugin, tweaked it
  • pingback bouncer…stop the refer spam with this plugin  I was reading a post on condodomain, about a crackberry???? and email addiction. Good post, but you will never get
  • Featured Listing Plug-in for wordpress - highlight your listings  No matter how much you focus on SEO and creating links to other websites, the number one thing people are


  • 42 Responses to “Lightbox Image Gallery Wordpress Plugin - Add Some Sparkle to your galleries”

    1. Alain (http://dna4life.com)

      Nicely done, Matt! Your Lightbox gallery works great in IE6, while the one I have on our wedding site doesn’t. If I can’t get it to work, expect me to show up at your house with a large coffee and a tool to extract the information out of that big brain of yours.


    2. admin (http://realivent.com)

      Thanks Alain, although I threw up a little in my mouth when you mentioned IE6…
      :oops:


    3. Alain (http://dna4life.com)

      Oops, I hate when that happens! Unfortunately, according to Google Analytics, about 30% of all the visitors across my few sites used IE6. That’s a pretty high number of users to blow off.


    4. admin (http://realivent.com)

      hmmm…I thought Microsoft forced an upgrade.


    5. Alain (http://dna4life.com)

      Dunno about that. MS has said all along they won’t make IE7 available to Win2K users and there are a lot of Win2K users out there..


    6. Palm

      Is there a way to add captions to each photo?


    7. Palm

      never mind, got it.


    8. Palm

      On my options panel, it doesn’t seem to let me update the image settings, they simply refresh and go back to the old settings. Any ideas?


    9. Matt (http://realivent.com)

      Palm, you mean the height, and width setting?

      Matt


    10. Paul (http://www.benseton.com)

      Great plugin! I finally have something that works, I’ve tried many different plugins… and it sits on top of the other Java stuff on the page. Dead simple.

      One problem I have noticed is that the thumbnails are not being created properly, some are half filled with black/other half photo. It happens when creating thumbnails of tall narrow (portrait) photos (which I notice you have none on this demo page!). I have to change the thumbnail size to similar width/height ratio as photo to get proper image fill.

      Would be nice if had the option to delete galleries, and change order of images in gallery too… :)

      But I have no right to be fussy!
      Nice work


    11. lr (http://www.acloserlook.nl)

      I used your plugin as well, and it work nice.. But (there must be one ha;)), but i have the same thumbnail problem, the landscape-style pictures makes nice tumbs, but the portrait-style make half black thumbs… any solutions at hand or an idea where to find this mishappening?

      Thanks for great work!


    12. admin (http://realivent.com)

      I fixed the problem with the black box on portrait style images. I have not tested it on really narrow images yet. I also noticed that it squishes landscape image that are really long.

      I’ll fix it later, just a little busy right now…

      go ahead and download it from the widget page again.

      Matt


    13. lr (http://www.acloserlook.nl)

      The same link (http://realiventblog.com/content/lightbox_gallery.zip) refers to the renewed files?
      I did not really find it on your widget page.. (call me dumb, i just woke up, maybe the problme lies within that..)
      i’ll just try above mentioned link. Thanks


    14. craig (http://www.craigmolway.com/blog)

      I must be doing something wrong. I follow the instructions to the letter but all I get is [GALLERY=1] writtian in my post as text and not a gallery. I freshly uploaded the images into the gallery in the admin panel.

      http://www.craigmolway.com/blog/208/sand-box-page/

      Any help will be much appreciated.


    15. Johnny

      this plugin seems great. i have it workin 100%. but there is 2 things i would like to know.

      1. do you have to add images one at the time, or can one upload a .zip or mebbe just upload via ftp?

      2. would u consider adding a watermark option for this? would be great!

      allso, would be nice if u sent me a email when/if u reply to this. so that i know to come back for the answer!

      great work dude! :)


    16. Ruben (http://rubenbabu.com)

      What? no albums? :(

      is there an album option? or someother plugin for WP-MU ? someone please let me know. my site should be released in 6 days.


    17. Richard Jones (http://www.lightning-alley.com)

      Great plugin, a huge improvement over Lightbox JS if you ask my opinion, all thanks to the uploader. I have added a blog about this and linked to your site, great job!!!


    18. Lightning-Alley » Blog Archive » Wordpress Plugin Review: Lightbox Gallery (http://www.lightning-alley.com/wordpress-plugin-review-lightbox-gallery)

      […] At Realivent (I believe this is the creator) […]


    19. Matthew (http://www.matthijsrosman.nl)

      Hi =

      Thanks for the plugin. I think I got it setup correctly. However, when I want to populate a gallery, browse to a picture on my hard drive and press ‘add photo’ the screen goes white and nothing happens. Any clues? I am using firefox by the way…

      thanks
      Matthew


    20. matt (http://realivent.com)

      I checked out planetlucid, but the images in the link are missing? do you think that might be the problem.

      Also this plugin has been accepted by wordpress to be listed at wordpress plugin site. I’m setting up the subversion so developers will be able to access the code and extend it. Should be good!


    21. tony

      throwphones@yahoo.fr
      tonymobile_inc@yahoo.com

      LET+2348088044143

      DIGITAL CAMERA PRICE LIST:

      Acer cs-5530 digital camera…………………$250
      Canon ixus 700 digital camera……………….$350
      Canon ixus 750digital camera………………..$300
      Canon ixus i zoom digital camera (jet black)….$700
      Canon ixus i zoom digital camera (Sahara)…….$460
      Canon power shot s80 digital camera………….$200
      Casio exilim ex-s500 digital camera (orange, )..$200
      Digital blue qx5 digital microscope………….$330
      Fuji film finepix f10 digital camera…………$450
      Nikon d2x digital camera (body only)…………$310
      Olympus fe-100 digital camera……………….$400
      IPOD PRICE LIST:
      Apple 20 GB iPod Nano………………………$60usd
      Apple 4 GB iPod Mini Pink M9435LL/A………….$70usd
      Apple 40 GB iPod photo……………………..$80usd
      Apple 4 GB iPod Mini Silver M9160LL/A………..$70usd
      Apple 60 GB iPod Photo M9830LL/A…………….$100usd
      Apple 60 GB iPod photo……………………..$55usd
      Apple 30 GB iPod Photo M9829LL/A…………….$95usd
      Apple 512 MB iPod Shuffle MP3 Player…………$50usd
      Apple 4 GB iPod Mini Blue M9436LL/A………….$70usd
      Apple 2 GB iPod Nano……………………….$90usd
      Apple 30 GB iPod Video……………………..$110usd
      Apple 60 GB iPod Video……………………..$150usd
      Apple 80 GB ipod video……………………..$200usd
      NOKIA MOBILE PHONE
      NOKIA 8800………$350 usd
      NOKIA N800………$350 usd
      Nokia N70 ………$350 usd
      NOKIA N90 ………$290 usd
      NOKIA N91 ………$230 usd
      Nokia N92……….$250 usd
      NOKIA N93……….$300 usd
      Nokia N95……….$350 usd
      Nokia 6060…….. $175 usd
      Nokia 6111…….. $175 usd
      Nokia 6270 ……..$175 usd
      Nokia 6270……. .$175 usd
      Nokia 6280 ……..$175 usd
      NOKIA 8850 ….. ..$150 usd
      Nokia Vertu …….$255 usd
      Nokia 5140i …….$145 usd
      Nokia 6230i …….$145 usd
      Nokia 8800 ……..$265 usd
      Nokia 6021 ……..$145 usd
      Nokia 6030 ……..$145 usd
      Nokia 6680 ……..$145 usd
      Nokia 6681 ……..$120 usd
      Nokia 6101 ……..$110 usd
      Nokia 6822 ……..$110 usd
      PLASMA TV PRICE LIST:
      Samsung HP-R5052 50 Plasma TV……………….$900
      Gateway 42″ Plasma TV 16:9 TV……………….$750
      Panasonic TH-37PWD8UK Plasma TV……………..$920
      Dell W5001C 50-inch High……………………$700
      Samsung SPN4235 Widescreen………………….$850
      Pioneer Plasma 61″ HDTV…………………….$900
      Pioneer PDP-5060HD Plasma TV………………..$650
      Samsung SPN4235 Widescreen TV……………….$1000
      Sony FWD-50PX1 50″ Plasma TV………………..$1,200
      Sony KDE-61XBR950 Plasma TV…………………$1,400
      GAMES PRICE LIST:
      play station 1…………………………….$120usd
      play station 2 ……………………………$200usd
      play station 3…………………………….$300usd
      XBOX 360………………………………….$200usd
      GARMIN 396………………………………..$130usd
      SONY PSP………………………………….$135usd
      Nintendo wii………………………………$200usd
      LAPTOPS PRICE LIST:
      SONY VAIO A217S– 100GB– 512MB RAM– XP HOME…$580
      SONY VAIO B1VP– 40GB HD– 512MB RAM– XP PRO…$560
      SONY VAIO T370P/L– 60GB HD– 512MB RAM–XP…..$530
      SONY VAIO A215Z 60GB HD– 512MB RAM– XP……..$560
      SONY VAIO A397XP– 80GB HD– 512MB RAM– XP…..$580
      SONY VAIO B100B08 60GB HD– 512MB RAM– XP……$550
      SONY VAIO B100B08 60GB HD– 512MB RAM– XP……$470
      SONY VAIO FS295VP 80GB HD– 512MB RAM– XP……$590
      SONY VAIO FS215Z 100GB HD– 512MB RAM– XP……$400
      SONY VAIO A417M 80GB HD– 512MB RAM– XP……..$400
      SONY VAIO B1VP– 40GB HD– 512MB RAM– XP PRO…$400
      SONY VAIO T370P/L–60GB HD–512MB RAM– XP PRO..$400
      Toshiba Tecra M4-S435 (laptop)………………$1350
      Acer TravelMate C314XMi Tablet PC……………$1300
      Dell Inspiron 700m…………………………$900
      Alienware DHS 5 (Athlon 64 1.8 GHz)………….$590
      Alienware Aurora ALX SLI……………………$400

      TREO PRICE LIST:
      TREO 600………………………………….$120usd
      TREO 650………………………………….$130usd
      TREO 700W…………………………………$200usd
      SIDEKICK PRICE LIST:
      SIDEKICK 2………………………………..$120usd
      SIDEKICK 3………………………………..$150usd

      SONY ERICSSON PRICE LIST:
      SONY ERICSSON P990…………………………$210USD
      SONY ERICSSON W900…………………………$190USD
      SONY ERICSSON Z500a………………………..$180USD
      SONY ERICSSON Z520…………………………$190USD
      SONY ERICSSON P910…………………………$140USD
      SONY ERICSSON P800…………………………$130USD
      SONY ERICSSON K750i………………………..$110USD
      SONY ERICSSON W800i………………………..$140USD
      SONY ERICSSON W900i………………………..$220USD
      SONY ERICSSON S700i………………………..$125USD
      MOTOROLA PRICE LIST:
      MOTOROLA MPX 220…………………………..$120usd
      MOTOROLA MPX 300…………………………..$160usd
      MOTOROLA V661……………………………..$145usd
      MOTOROLA V3i RAZ…………………………..$1800usd

      SAMSUNG PRICE LIST:
      SAMSUNG SGH-A500…………………………..$150usd
      SAMSUNG SGH-V200…………………………..$100usd
      SAMSUNG SGH-T200…………………………..$110usd
      SAMSUNG D500………………………………$160usd
      SAMSUNG D415………………………………$120usd
      SAMSUNG D900………………………………$170usd

      NEXTEL PRICE LIST:
      NEXTEL i860……………………………….$110usd
      NEXTEL i930……………………………….$140usd
      NEXTEL i870……………………………….$120usd

      NOKIA PRICE LIST:
      usd
      QTEK PRICES
      Qtek 9000 ……. $250
      Qtek 8310 ……. $200
      Qtek 9100 ……. $270
      Qtek 9090 ……. $200
      Qtek 2020i …… $220
      Qtek 2020 ……. $200
      ETC
      XBOX PRICE LIST:
      x_box 360…………………………………$300
      Xbox Video Game System Console………………$250
      Xbox 360 Core System……………………….$300
      Xbox Zenith 5′ TFT LCD Screen……………….$350
      Xbox 360 Platinum System……………………$320
      Xbox 360 “Premium Gold Pack”Video Game System…$330
      Xbox 360 “Core Sports Bundle”Video Game System..$390
      SIDEKICK
      Kit………………………………………$1 50 usd
      Sidekick II T-Mobile cellphone with colorscreen.$130 usd
      T-Mobile Sidekick 2 Danger CellPhone…………$130 usd
      T-Mobile Sidekick II TMO to Go PrepaidPhone…..$140 usd
      Mobile Sidekick I………………………….$110 usd
      Protop 2 Piece Hardtop for Sidekick / Tracker…$160 usd
      Original extended carbox Packager 1989-1998…..$140 usd
      Original Extended Carbox Sidekick/Tracker 2…. $130 usd
      T-Mobile Sidekick 2 Danger CellPhone…………$130 usd
      SIDEKICK 3 for just………………………..$160 usd
      Sidekick 1996, and 1997 automatic……………$140 usd
      ProTop 2 piece hardtop suzuki vitara/Chevy
      tracker…………………………………..$1 50 usd
      For more enquires please contact us on this email,throwphones@yahoo.fr
      tonymobile_inc@yahoo.com


    22. Chris

      Hey, looks great on your page. I have a problem though and was hoping you could tell me what I am doing wrong. I installed and activated the plugin as instructed. I created a new gallery of two images for testing and made a new post with the gallery. I see the two thumbnails but when I click on one of them, I get the full size image in a new html page rather then the “lightbox” effect.


    23. matt (http://smartlegacy.com)

      Chris, make sure the page have fully loaded and then see if it works. If you are sure that the page fully loads and it still does not popup…there is a problem with the paths to your javascript files.


    24. Chris

      Thanks for the answer… I think the page is finished loading. Perhaps there’s an element hanging. How/Where would I check javascript paths? I uploaded the files to the plugins directory.


    25. Orphea

      Hi.. I have a problem. GREAT PLUGIN.. but I uploaded it to “wordpress” directory while creating a new layout, then moved everything into the root directory when I was done. Now when I go to upload a photo into a gallery I get an error msg that says “: Call to undefined function: imagecreatetruecolor() in /home//html/wp-content/plugins/lightbox_gallery/lb_plugin.php on line 588″

      Any idea of how I can fix this? I tried uploading the lb_plugin.php again and that didnt work..


    26. matt (http://smartlegacy.com)

      Orphea,
      Looks like you do not have the gd libraries installed on your host. Try to get them to install them. It will not work without gd. gd is used to alter the images and make the thumbnails.

      Matt


    27. Orphea

      matt, thanks! It worked fine in the wordpress directory tho.. just not since Ive moved the whole thing to the root directory.


    28. Orphea

      maybe its because it installed to the wordpress directory, and then I moved it to the root directory? But all the other pages/plugins are working fine.. so Im not sure if that is what the problem is.


    29. Feroz Khan Hamid (http://feroz007.free10gb.com)

      Hi. Do u know where the uploaded pictures are located ? Is there a way to make directories for galleries - if it is already like that. Or esle, can u say where the pictures are uploadded, and how they are named into gallreies. I want to add pictures via ftp. It is more fast than waiting for pictures to upload one by one.And, Matt, AWESOME PLUGIN. I installed lightbox plugin, 4 differentone, and the 5th one worked - and it is this one! Please do reply about the ftp uploading matter. Realyy, it is triple fast than the normal way for me.


    30. Feroz Khan Hamid (http://feroz007.free10gb.com)

      And also, is there a way to delete galleries? (unwanted really)


    31. Mike Jones (thttp://www.apricotmachine.com/)

      @ Ferox Khan Hamid,
      The images are located in your wordpress press directory. (/wordpress/wp-content/uploads)
      I believe however you need to use the web uploader as opposed to dumping your pictures into the images folder via ftp for the plugin to work


    32. DeadAgent (http://www.cchrstl.org)

      Does this plugin work with Wordpress 2.3.1?


    33. Norberto

      Please help!

      Parse error: syntax error, unexpected $end in home\wp-content\plugins\lightbox_gallery\lb_plugin.php on line 629


    34. Realivent

      Please send your domain name to support@realivent.com so that we can further help. Thank you.


    35. Neerav (http://www.strategyindia.com/index.php)

      Hello, I am trying to implement this plugin in a wordpress blog in SIDEBAR, but it doesn’t seem to display, it just writes [GALLERY=1] instead of showing the gallery.

      You can have a look at it on http://www.siddhi.co.in/strnew/index.php

      This has the updated version of blog.

      Also, one more error is that I get a javascript error when this plugin is activated.

      Please help me solve these errors.


    36. worthdesigning » Blog Archive » Useful Wordpress plugins (http://www.worthdesigning.net/wordpress-plugins/useful-wordpress-plugins/)

      […] Lightbox Gallery […]


    37. egmweb

      Hi, there is any way to add rating and cooment system to this fantastic plugin??

      Thanks in advance.


    38. Rugster (http://www.pinatakingdom.com)

      So, what does the below error mean?

      Parse error: syntax error, unexpected $end in home\wp-content\plugins\lightbox_gallery\lb_plugin.php on line 629

      I just loaded this plugin into a dev blog on my server & received the above error when activating it.

      WP ver 2.5.1

      Thanks for any help,

      Rugster


    39. ZimTimes (http://www.thezimbabwetimes.com)

      Is there a way to re-order the gallery images so the newest images are seen first, going to the oldest. Currently, new images are loaded to the end of the gallery.


    40. ZimTimes (http://www.thezimbabwetimes.com)

      everything was working fine, and now there cool effects on the plugin are no longer active. When I click an image in the gallery, I am simply taken to another page, with the image shown in full size, no effects whatsover. I have removed and re-installed the plugin, and then all my plugins, and still no luck. Any help?


    41. Abhijeet (http://www.tarunvani.com)

      Please help!

      I am getting the following error on WP 2.5.1

      Parse error: syntax error, unexpected $end in home\wp-content\plugins\lightbox_gallery\lb_plugin.php on line 629

      There are no other plugins active.

      Thanks in advance,
      Abhijeet.


    42. John

      Hello,
      I installed your plugin and can create a gallery, but when I click on a thumbnail all I get is a new page with the image and no lightbox. The page in question is here:http://kre8tion.com/wordpress/

      Thanks in advance.
      John


    Leave a Reply

    Close
    E-mail It
    Rodney's Adsense-Deluxe Add ons plugged in.