Click here to Skip to main content
Click here to Skip to main content

LightBox Web Gallery Generator

, 7 Oct 2007 CPOL
Rate this:
Please Sign up or sign in to vote.
A program to generate HTML Web Gallery based on the LightBox JS


LightBox Web Gallery Generator is a small .NET Windows Application that given a folder with images outputs HTML Web Gallery based on the LightBox JS.

Considering that Lightbox Web Gallery Generator has a tiny size and runs without installation, you can download it, run it and have your first gallery ready in a matter of seconds.


I am usually successful at fighting the desire to write a program for each and every task myself. But couple of years ago, I found that none of the existing off-the-shelf packages address my needs. I wanted a very straightforward tool that would allow me to share my photos in a couple of clicks. I needed presentation with maximum screen space dedicated to photo with minimum text. Also I wanted the gallery to serve as a backup and store the original photos along with resized versions.

Online services had gallery images too small for my taste. Dozens of programs I have tested produced galleries just too ugly for me. Almost none could serve original photos. Very few had clean HTML or gave control over CSS. All required numerous clicks to get where I wanted. So to do it right, I had no choice but to do it myself.

The first version created index (thumbnails) page and individual pages for each photo. You can still find this original version here. But once LightBox JS by Lokesh Dhakar gained momentum, I have dumped most of the code in favor of LightBox. The program became more like an add-on to LightBox than an original program, but the result is very pleasing and that's what counts.

Using the Program

When you start the program, you are presented with this screen:

Choose a source folder with *.jpg images, hit "Create web gallery" and in a few moments, an HTML Web Gallery will open in your browser. HTML files and resized photos have been placed into specified folders and you can transfer them anywhere you want.

All of the controls on this main window are obvious. And while this may be all a regular user would ever need to know, for advanced users there are a couple tweaks.

Pressing "CSS" link at the bottom of the form brings a section that allows modifying the CSS for the index (thumbnails) page, giving the user complete control over the page appearance.

"Master Page" link provides a functionality of integrating the gallery into the design of an existing Web site. All you need to do is just to place <%WG%> into the body of any HTML page and the gallery pages will be created based on that page where gallery-specific code is inserted instead of <%WG%>. See integration sample here.

Points of Interest

The project was intended to address a specific set of requirements in the shortest time possible. In addition, I am a Web developer who writes desktop applications only when it cannot be avoided. As such, the code will certainly not win any prizes and will not open any new grounds. The best I can say is that it is simple. As such, I will not be presenting any code in this article; if interested - just look for yourself.

There's a number of features/fixes that could have been easily added to the program like handling of other graphic files besides JPG; handling image subfolders; using something else instead of Microsoft.VisualBasic.Interaction for Registry works; better structuring of the code; having HTML blocks in resources instead of having them hardcoded and much more. But it does what I need it to do just fine, so if somebody needs to improve on it, you've got the source code.

Latest Updates

September 2007

  • Upgraded project to Visual Studio 2005 (it was about time)
  • Added control for resized image quality (thanks to Dmitry A. Mottl)
  • Lightly changed CSS


This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


About the Author

Ruslan Sudentas
Web Developer
United States United States
No Biography provided

Comments and Discussions

GeneralEast Asia fonts doesn't work PinmemberMin Tsao19-Aug-10 11:10 
GeneralRe: East Asia fonts doesn't work PinmemberRuslan Sudentas22-Aug-10 14:13 
GeneralRe: East Asia fonts doesn't work PinmemberMin Tsao22-Aug-10 14:35 
GeneralRe: East Asia fonts doesn't work PinmemberRuslan Sudentas22-Aug-10 14:54 
GeneralRe: East Asia fonts doesn't work PinmemberMin Tsao22-Aug-10 15:10 
GeneralRe: East Asia fonts doesn't work PinmemberRuslan Sudentas23-Aug-10 5:44 
GeneralRe: East Asia fonts doesn't work PinmemberMin Tsao23-Aug-10 7:23 
Nope. Still doesn't work. I tried to download the setup program from both Pranas.NET and CodeProject. They are all still the same as before. The fix I proposed in previous email is done using Visual C# Express 2008, don't know if the version matters here...
GeneralNewest source code PinmemberDalePres9-Jun-10 15:43 
GeneralRe: Newest source code PinmemberRuslan Sudentas22-Aug-10 15:04 
GeneralNewbie's question Pinmembereevakk9-Jun-09 12:07 
GeneralRe: Newbie's question PinmemberRuslan Sudentas22-Aug-10 15:05 
GeneralQuestion on css PinmemberPlato_Costa17-Feb-09 12:57 
GeneralRe: Question on css PinmemberRuslan Sudentas18-Feb-09 8:49 
Generalsuggestions Pinmemberchamanmago13-Dec-08 3:52 
GeneralRe: suggestions PinmemberRuslan Sudentas14-Dec-08 12:47 
GeneralRe: suggestions Pinmemberchamanmago14-Dec-08 16:33 
GeneralRe: suggestions PinmemberRuslan Sudentas15-Dec-08 11:12 
GeneralJavascript Transition does not always work. PinmemberIan Eager19-Nov-08 7:40 
Questiontd.tdImg Pinmemberihoskins1118-Nov-08 4:47 
AnswerRe: td.tdImg PinmemberRuslan Sudentas18-Nov-08 4:58 
GeneralRe: td.tdImg Pinmemberjuno91218-Nov-08 13:12 
GeneralRe: td.tdImg Pinmemberihoskins1119-Nov-08 6:22 
GeneralRe: td.tdImg PinmemberRuslan Sudentas20-Nov-08 16:49 
AnswerRe: td.tdImg Pinmemberihoskins112-Dec-08 4:40 
GeneralSub-Directories Pinmemberthund3rstruck28-Sep-08 6:46 
GeneralRe: Sub-Directories PinmemberRuslan Sudentas28-Sep-08 18:01 
GeneralRe: Sub-Directories PinmemberAdam Cheeseman1-Dec-08 11:37 
GeneralRe: Sub-Directories PinmemberRuslan Sudentas1-Dec-08 11:46 
GeneralRe: Sub-Directories PinmemberRuslan Sudentas22-Aug-10 15:07 
QuestionNew User Question PinmemberRon Wood10-Sep-08 10:08 
AnswerRe: New User Question PinmemberRuslan Sudentas10-Sep-08 11:04 
GeneralImages Don't Always Appear Pinmemberjuno91225-Jun-08 10:27 
AnswerRe: Images Don't Always Appear PinmemberRuslan Sudentas25-Jun-08 10:51 
GeneralRe: Images Don't Always Appear Pinmemberjuno91225-Jun-08 12:05 
GeneralRe: Images Don't Always Appear Pinmemberjuno91225-Jun-08 19:59 
GeneralRe: Images Don't Always Appear PinmemberRuslan Sudentas26-Jun-08 12:26 
GeneralRe: Images Don't Always Appear Pinmemberjuno91226-Jun-08 13:30 
GeneralRe: Images Don't Always Appear PinmemberRuslan Sudentas30-Jun-08 8:10 
GeneralRe: Images Don't Always Appear Pinmemberjuno91230-Jun-08 8:53 
QuestionRe: Images Don't Always Appear Pinmemberjuno91217-Nov-08 21:30 
AnswerRe: Images Don't Always Appear PinmemberRuslan Sudentas18-Nov-08 5:08 
GeneralPic Images Pinmemberjuno91212-Jun-08 12:54 
GeneralVery Nice Job PinmemberJASON_S_24-Mar-08 19:22 
GeneralIm really a noob at all this PinmemberWizzap18-Mar-08 13:22 
QuestionGallery use in Ebay Pinmembergcheak13-Jan-08 16:24 
AnswerRe: Gallery use in Ebay PinmemberRuslan Sudentas14-Jan-08 5:49 
GeneralUse for video and game PinmemberXGuarden30-Oct-07 21:10 
GeneralRe: Use for video and game PinmemberRuslan Sudentas31-Oct-07 5:04 
GeneralGenius...Genius...Genius! PinmemberDevinmccloud30-Aug-07 1:14 
GeneralFrames Pinmemberallmedia16-Jul-07 9:04 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Terms of Use | Mobile
Web03 | 2.8.150326.1 | Last Updated 7 Oct 2007
Article Copyright 2006 by Ruslan Sudentas
Everything else Copyright © CodeProject, 1999-2015
Layout: fixed | fluid