Click here to Skip to main content
15,860,972 members
Articles / Programming Languages / C#
Article

LightBox Web Gallery Generator

Rate me:
Please Sign up or sign in to vote.
4.79/5 (36 votes)
7 Oct 2007CPOL3 min read 238.1K   2.1K   91   61
A program to generate HTML Web Gallery based on the LightBox JS
Image 1

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:

Image 2

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.

Image 3

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

Image 4

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)


Written By
Web Developer
United States United States
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

Comments and Discussions

 
GeneralEast Asia fonts doesn't work Pin
Min Tsao19-Aug-10 10:10
Min Tsao19-Aug-10 10:10 
GeneralRe: East Asia fonts doesn't work Pin
Ruslan Sudentas22-Aug-10 13:13
Ruslan Sudentas22-Aug-10 13:13 
GeneralRe: East Asia fonts doesn't work Pin
Min Tsao22-Aug-10 13:35
Min Tsao22-Aug-10 13:35 
GeneralRe: East Asia fonts doesn't work Pin
Ruslan Sudentas22-Aug-10 13:54
Ruslan Sudentas22-Aug-10 13:54 
GeneralRe: East Asia fonts doesn't work Pin
Min Tsao22-Aug-10 14:10
Min Tsao22-Aug-10 14:10 
GeneralRe: East Asia fonts doesn't work Pin
Ruslan Sudentas23-Aug-10 4:44
Ruslan Sudentas23-Aug-10 4:44 
GeneralRe: East Asia fonts doesn't work Pin
Min Tsao23-Aug-10 6:23
Min Tsao23-Aug-10 6:23 
GeneralNewest source code Pin
DalePres9-Jun-10 14:43
DalePres9-Jun-10 14:43 
GeneralRe: Newest source code Pin
Ruslan Sudentas22-Aug-10 14:04
Ruslan Sudentas22-Aug-10 14:04 
GeneralNewbie's question Pin
eevakk9-Jun-09 11:07
eevakk9-Jun-09 11:07 
GeneralRe: Newbie's question Pin
Ruslan Sudentas22-Aug-10 14:05
Ruslan Sudentas22-Aug-10 14:05 
GeneralQuestion on css Pin
Plato_Costa17-Feb-09 11:57
Plato_Costa17-Feb-09 11:57 
GeneralRe: Question on css Pin
Ruslan Sudentas18-Feb-09 7:49
Ruslan Sudentas18-Feb-09 7:49 
Generalsuggestions Pin
chamanmago13-Dec-08 2:52
chamanmago13-Dec-08 2:52 
GeneralRe: suggestions Pin
Ruslan Sudentas14-Dec-08 11:47
Ruslan Sudentas14-Dec-08 11:47 
GeneralRe: suggestions Pin
chamanmago14-Dec-08 15:33
chamanmago14-Dec-08 15:33 
GeneralRe: suggestions Pin
Ruslan Sudentas15-Dec-08 10:12
Ruslan Sudentas15-Dec-08 10:12 
GeneralJavascript Transition does not always work. Pin
Ian Eager19-Nov-08 6:40
Ian Eager19-Nov-08 6:40 
Questiontd.tdImg Pin
ihoskins1118-Nov-08 3:47
ihoskins1118-Nov-08 3:47 
AnswerRe: td.tdImg Pin
Ruslan Sudentas18-Nov-08 3:58
Ruslan Sudentas18-Nov-08 3:58 
GeneralRe: td.tdImg Pin
juno91218-Nov-08 12:12
juno91218-Nov-08 12:12 
GeneralRe: td.tdImg Pin
ihoskins1119-Nov-08 5:22
ihoskins1119-Nov-08 5:22 
GeneralRe: td.tdImg Pin
Ruslan Sudentas20-Nov-08 15:49
Ruslan Sudentas20-Nov-08 15:49 
AnswerRe: td.tdImg Pin
ihoskins112-Dec-08 3:40
ihoskins112-Dec-08 3:40 
GeneralSub-Directories Pin
thund3rstruck28-Sep-08 5:46
thund3rstruck28-Sep-08 5:46 

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

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