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

LightBox Web Gallery Generator

By , 7 Oct 2007
Rate this:
Please Sign up or sign in to vote.

Introduction

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.

Background

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

License

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 10:10 
GeneralRe: East Asia fonts doesn't work PinmemberRuslan Sudentas22-Aug-10 13:13 
GeneralRe: East Asia fonts doesn't work PinmemberMin Tsao22-Aug-10 13:35 
GeneralRe: East Asia fonts doesn't work PinmemberRuslan Sudentas22-Aug-10 13:54 
GeneralRe: East Asia fonts doesn't work PinmemberMin Tsao22-Aug-10 14:10 
I downloaded and tried the new version you pointed out. It still doesn't work on east Asia fonts. When you have image file or directory names in east Asia fonts, the thumbnails won't show up, just a link with weird coding. When you click on it, it is a broken link. I checked the thumbs and photos directory, the file names are correct there. But in default.htm, the coding of east Asia fonts are wrong. I have your source code (which apparently is an older version because it doesn't support directories), on line 89 of file FileWorks.cs, it has
 
Byte[] info = new UTF8Encoding(true).GetBytes(strContent);
 
If you change this to
 
Byte[] info = new UnicodeEncoding().GetBytes(strContent);
 
The problem will be fixed for that version. But I don't have your source code for the latest version, so don't know if it still should be fixed this way.
GeneralRe: East Asia fonts doesn't work PinmemberRuslan Sudentas23-Aug-10 4:44 
GeneralRe: East Asia fonts doesn't work PinmemberMin Tsao23-Aug-10 6:23 
GeneralNewest source code PinmemberDalePres9-Jun-10 14:43 
GeneralRe: Newest source code PinmemberRuslan Sudentas22-Aug-10 14:04 
GeneralNewbie's question Pinmembereevakk9-Jun-09 11:07 
GeneralRe: Newbie's question PinmemberRuslan Sudentas22-Aug-10 14:05 
GeneralQuestion on css PinmemberPlato_Costa17-Feb-09 11:57 
GeneralRe: Question on css PinmemberRuslan Sudentas18-Feb-09 7:49 
Generalsuggestions Pinmemberchamanmago13-Dec-08 2:52 
GeneralRe: suggestions PinmemberRuslan Sudentas14-Dec-08 11:47 
GeneralRe: suggestions Pinmemberchamanmago14-Dec-08 15:33 
GeneralRe: suggestions PinmemberRuslan Sudentas15-Dec-08 10:12 
GeneralJavascript Transition does not always work. PinmemberIan Eager19-Nov-08 6:40 
Questiontd.tdImg Pinmemberihoskins1118-Nov-08 3:47 
AnswerRe: td.tdImg PinmemberRuslan Sudentas18-Nov-08 3:58 
GeneralRe: td.tdImg Pinmemberjuno91218-Nov-08 12:12 
GeneralRe: td.tdImg Pinmemberihoskins1119-Nov-08 5:22 
GeneralRe: td.tdImg PinmemberRuslan Sudentas20-Nov-08 15:49 
AnswerRe: td.tdImg Pinmemberihoskins112-Dec-08 3:40 
GeneralSub-Directories Pinmemberthund3rstruck28-Sep-08 5:46 

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 | Mobile
Web04 | 2.8.140415.2 | Last Updated 7 Oct 2007
Article Copyright 2006 by Ruslan Sudentas
Everything else Copyright © CodeProject, 1999-2014
Terms of Use
Layout: fixed | fluid