LightBox Video Web Gallery Creator

Free Web Photo and Video Gallery generation software

Show this program the folder where your images and videos are, press “Create web gallery” button and in a few moments a lightbox-like HTML Web Gallery will open in your browser. The resulting folder then can be copied anywhere (to your site).

New! Download v.2.1.7 (the size is tiny)

See sample (demo) web gallery
Sample Web Gallery

Features

  • Supports images in jpg, png, gif, bmp formats
  • Supports video in flv,wmv,asf,swf formats
  • Processes subfolders
  • Integrates with an existing web site
  • Gives a complete control over CSS
  • Supports paging

Here’s a program’s screen shot Click to see sample (demo) web gallery

License

You are free to use the galleries on any number and type of sites as long as you keep intact the tiny “Created using LightBox Video Web Gallery Creator” link at the bottom of the thumbs page (see example at the bottom of the sample gallery).

If you would like to remove this link, please donate $39 and we will email you instructions (in 24h) on how to make the program generate galleries without this link. After your donation you will also receive our permission to omit the link on all of your sites.


Here’s a link to legal mumbojumbo.

Follow us on Twitter

FAQ


Q: How to get an image to be displayed on a video thumbnail?
A: By default WGC displays a Play icon. To display an image instead, you need to
have an image with the same name and in the same folder as video.


Q: Why my ASF/WMV video doesn’t play in Firefox?
A: You should install Windows Media Player plugin for Firefox. See this article

Q: How do I make this work in an iframe?

A: By default, lytebox creates popup in iframe window. See this demo.

   <iframe src="your-path-to-gallery.htm" border="0" scrolling="no"></iframe>

But you can specify name attribute in frame element and lytebox will create popup in parent window.
Also, you need to include lytebox.css in the parent document, while including lytebox.js in the iframe document.
See another demo.

   <iframe src="your-path-to-gallery.htm" border="0" name="iframe-name-attribute" scrolling="no"></iframe>

Videobox doesn’t support iframes.


Q: How does image resizing work?
A: WGC resizes image only if new width and height are less than the source is. Otherwise, the source image will be copied.


Q: How can I setup the application to use all my images with lightbox effect without resizing?
A: You should specify some large width and height values. See How does image resizing work?


Q: How can I setup the application to use videos from YouTube?
A: WGC doesn’t support insert video from YouTube out of box. However, you are able to insert and configure video from YouTube if you modify generated HTML. Let’s consider the following simple HTML code from the demo page:

<td>
  <a title="Proposal" rel="vidbox 425 350" href="wgc_media/videos/Proposal.flv">
    <img alt="" src="wgc_media/thumbs/Proposal.jpg">
    <div></div>
  </a>
  <div>Proposal</div>
</td>

All what you need to do is replace href attribute of anchor element on YouTube URL like this:

<a title="Iron Man 2 Trailer 2" rel="vidbox 425 350" href="http://www.youtube.com/watch?v=FNQowwwwYa0">

To configure width and height you should change the value of “rel” attribute. In current example, width is 425px and height is 350px.

To change thumbnail you should replace src attribute of img element on one of the following templates:

http://img.youtube.com/vi/VIDEO_ID/hqdefault.jpg

http://img.youtube.com/vi/VIDEO_ID/hq1.jpg


http://img.youtube.com/vi/VIDEO_ID/default.jpg


http://img.youtube.com/vi/VIDEO_ID/0.jpg


http://img.youtube.com/vi/VIDEO_ID/1.jpg

Example:

http://img.youtube.com/vi/FNQowwwwYa0/hqdefault.jpg


Q: What is need to enable autoplay for videos?
A: You need to modify videobox.js file from “lib\videobox” folder. Find the following code

this.so = new SWFObject(.......

and add a new variable after it. See example:

this.so = new SWFObject(.....
this.so.addVariable('autostart', 'true');


Q: What is need to enable autoplay for images?
A: By default, autoplay is enabled only for the first image in your gallery. However, you can enable autoplay for every image. Open lytebox.js file from “lib\lytebox\” folder, then find the following code:

this.isPaused = (this.slideNum != 0 ? true : false);

and replace it with:

this.isPaused = false;


Q: Does LightBox Video Web Gallery Creator have a command line interface?
A: Yes, you can run the program from command line with -auto parameter. In this case the program will use its last saved settings values except “Include subfolders”, “HTML only” and “Update with changes only”, because these parameters aren’t stored in the settings. However, you can pass them too.

  • -h sets “HTML only” to true (default, false). This parameter will be ignored if you pass -u parameter.
  • -i sets “Include subfolders” to true (default, false)
  • -u sets “Update with changes” only to true (default, false).

Example:

WGC -auto -i -u

Credits

The program is created by Ruslan Sudentas and Alexey Kucherenko. It is based on generous work of

Old version

You can download an old version here: Old version

48 thoughts on “LightBox Video Web Gallery Creator

  1. Can you change the color of the frame from white to another color?
    If so can you please tell me how to do it?

  2. Extremely well developed and easy to use. I am so thankful for finding this software. In today’s market, it is difficult to find such outstanding software for free an dwithout advertising, etc. Thank you so much! Your software has made my online galleries look great!

  3. Robyn :

    Can you change the color of the frame from white to another color?
    If so can you please tell me how to do it?

    Robin, you can easy do it. Open Advanced settings -> CSS tab in the program. Then find and change required color td.tdImg class definition

  4. Is it possible, to change the size of the popup swf player, because the software mask allowed only the change of the image size and the thumbnails (that involve only the files in picture formats?)?
    with kind regards
    R.B.

  5. R.B. :

    Is it possible, to change the size of the popup swf player, because the software mask allowed only the change of the image size and the thumbnails (that involve only the files in picture formats?)?
    with kind regards
    R.B.

    This feature is not supported out of box, but you can easy configure it manually. See this: http://pranas.net/webgallerycreator/#how-to-use-youtube-videos

    “To configure width and height you should change the value of “rel” attribute. In current example, width is 425px and height is 350px.”

  6. Full screen button that comes with the player is not working.
    Thanks in advance.

    Thank you for your feedback. We will fix it in the next release.

  7. Where does it store it’s settings? I’ve configured the website and would now like to ‘pass’ the settings to someone else to administer.

  8. Where does it store it’s settings? I’ve configured the website and would now like to ‘pass’ the settings to someone else to administer.

    It is stored in a file named user.config.
    In WinXP you may find it in a path similar to:
    c:\Documents and Settings\USERNAME\Local Settings\Application Data\Pranas.NET\GalleryCreator.exe_Url_xxx\2.1.xxx\
    In Windows 7:
    c:\Users\USERNAME\AppData\Local\Pranas.NET\WGC.exe_Url_xxx\2.1.xxx\

  9. Jeyan :

    Full screen button that comes with the player is not working.
    Thanks in advance.

    Open videobox.js file from “lib\videobox” and find the following code:
    this.so = new SWFObject(….
    Then add this:
    this.so.addParam(“allowfullscreen”, “true”);

  10. Firefox 3.x is loading the images instantly, IE8 is loading the images slowly with flickering.
    How can I change the behavior of IE8?

    Many thanks for your great work!

    R./Germany

  11. In version v1.1 is is all right. In version v2.1.3 is self image size and is distorted in IE7. I tried:

    this.autoResize = false; (in file lytebox)

    but does not work. Is there another way?

  12. 1.Is it possible to include short text with each with each thumb other than or even including the filename?
    2.Is it possible to include an expanded (more) text in the hi-res picture (a continuation of the thumb text)?
    Thanks in advance

  13. RE: Raik’s problem. I liked the way this worked, downloaded and created my slideshows and tried them on my computer. Took forever for IE8 to load all the thumbnails. If you try clicking on a thumbnail before all thumbnails are loaded, it just opens the larger image in a new window.
    In Firefox the page loaded instantly. My wife’s comptuer (with ie8) opened very fast. So, it must be something in certain installs of IE8.

    Raik, did you try your page on another computer?

  14. I went throught he CSS settings and can not figure out how to reduce the size of the filename below the thumbnails. It is a bit large for the size of my thumbnails.
    Also, if I leave off the filename and only include the link to load Hi-res copy, the Hi-res link appear beside the thumbnail instead of below it.

    Thanks for a nice tool.

  15. If this program could extract the IPTC captions and put them at the bottom of the picture frame that would be a big plus; in my view that would make it perfect, I’ve tried a number of others (including commercial) and they’re not as good.

  16. Hi guys,
    beatifull tool, though I am not sure how can I add/integrate new pictures or folders with pictures into the existing gallery?

    Thanks a lot,

    AVD

  17. Hello, I´m a webmaster. Could I constructing more than one website (for different companies) without the link “Created using LightBox Video Web Gallery Creator”, if I buy the programm? Thank you in advance.

  18. Mike :

    1.Is it possible to include short text with each with each thumb other than or even including the filename?
    2.Is it possible to include an expanded (more) text in the hi-res picture (a continuation of the thumb text)?
    Thanks in advance

    Mike, I’ve decided not to have this feature in interface to keep the program simple. Your only option is to modify HTML

  19. Bob :

    RE: Raik’s problem. I liked the way this worked, downloaded and created my slideshows and tried them on my computer. Took forever for IE8 to load all the thumbnails. If you try clicking on a thumbnail before all thumbnails are loaded, it just opens the larger image in a new window.
    In Firefox the page loaded instantly. My wife’s comptuer (with ie8) opened very fast. So, it must be something in certain installs of IE8.

    Raik, did you try your page on another computer?

    It seems JS just wasn’t loaded. Maybe just a server issue.

  20. Karl :

    If this program could extract the IPTC captions and put them at the bottom of the picture frame that would be a big plus; in my view that would make it perfect, I’ve tried a number of others (including commercial) and they’re not as good.

    While not a big deal technically, I’ve decided not to do it. It would require complicating interface a bit and is not needed by 99% of users.

  21. Anton :

    Hi guys,
    beatifull tool, though I am not sure how can I add/integrate new pictures or folders with pictures into the existing gallery?

    Thanks a lot,

    AVD

    Would it work if you just overwrite the existing gallery with the new one? If it is large, you can upload only new images + updated HTML.

  22. Aicha :

    Hello, I´m a webmaster. Could I constructing more than one website (for different companies) without the link “Created using LightBox Video Web Gallery Creator”, if I buy the programm? Thank you in advance.

    It’s not buy, it’s donate. And yes, you can omit the link on all of the sites you are working on.

  23. Also, if I leave off the filename and only include the link to load Hi-res copy, the Hi-res link appear beside the thumbnail instead of below it.

    Thanks for a nice tool.

    This issues is fixed in 2.1.5

  24. Hi I have first of all this is an awesome gallery creator program …the only gallery creator program that you can put folders and subfolders …but I have 2 issues
    1. can I somehow save the gallery with originally default.htm to picture.htm because I attach my gallery on existitng website and I need specific name not default ..and I all time need manually change in dreamwaver
    2. can have a chance to be better way to create a thumbnail because I use another programs to create a same size thumbnails. But I create I need again manually change the names because on this gallery when you create thumbnail between words leave empty space and every other program create thumbnails have between words this _

    thank you very much and keep making similar good software like this
    good luck

  25. Tinche :

    Hi I have first of all this is an awesome gallery creator program …the only gallery creator program that you can put folders and subfolders …but I have 2 issues
    1. can I somehow save the gallery with originally default.htm to picture.htm because I attach my gallery on existitng website and I need specific name not default ..and I all time need manually change in dreamwaver
    2. can have a chance to be better way to create a thumbnail because I use another programs to create a same size thumbnails. But I create I need again manually change the names because on this gallery when you create thumbnail between words leave empty space and every other program create thumbnails have between words this _

    thank you very much and keep making similar good software like this
    good luck

    1. default.htm is hardcoded, sorry.
    2. Again it is hardcoded because I like it better for space to be space, not “_”. Why would you need it?

  26. Is there a way to have the same functions on images and videos but with out opening them in a pop up window? Another words just open images in video in the same window as thumbs with next and previous actions the same?

  27. David R :

    Is there a way to have the same functions on images and videos but with out opening them in a pop up window? Another words just open images in video in the same window as thumbs with next and previous actions the same?

    Do you mean the old-fashioned way of loading the separate page with the image only. WGC worked it this way few years ago. Not any more – the CSS “popups” are much nicer.

  28. No I mean in the same window as the thumbnail page with large full sized images and the ability to click on image for next or previous image. My visitors don’t like the css popup besides when clicking through images one at a time it seems to stop working. I am not crazy about pop up windows either.

    Ruslan Sudentas :

    David R :
    Is there a way to have the same functions on images and videos but with out opening them in a pop up window? Another words just open images in video in the same window as thumbs with next and previous actions the same?

    Do you mean the old-fashioned way of loading the separate page with the image only. WGC worked it this way few years ago. Not any more – the CSS “popups” are much nicer.

  29. David R :

    No I mean in the same window as the thumbnail page with large full sized images and the ability to click on image for next or previous image. My visitors don’t like the css popup besides when clicking through images one at a time it seems to stop working. I am not crazy about pop up windows either.

    Ruslan Sudentas :

    David R :
    Is there a way to have the same functions on images and videos but with out opening them in a pop up window? Another words just open images in video in the same window as thumbs with next and previous actions the same?

    Do you mean the old-fashioned way of loading the separate page with the image only. WGC worked it this way few years ago. Not any more – the CSS “popups” are much nicer.

    I think that CSS popups deliver all want already. You can click on the image to see the next one. You also have an option to “Always show ” on the image if you want it to be clearer.

  30. Hey, I just downloaded the program today.
    My problem is the pictures in the web gallery are in different order then the ones in the source folder. What settings do I have to change or how do I make it work otherwise?
    Thx

  31. Franzi :

    Hey, I just downloaded the program today.
    My problem is the pictures in the web gallery are in different order then the ones in the source folder. What settings do I have to change or how do I make it work otherwise?
    Thx

    Actually the files should be sorted alphabetically. Could you give me an example where they are not sorted alphabetically please?

  32. Hello … I hav used and am very impressed with web creator ..so much so that i hav donated the $39 .. however i am havig a problem with a sitei hav just uploaded and am hoping u my b able to shed some light on it .. whenu click on the thumbnails nothing happens.. i uploaded the same website to my free est site at digitalcreations.limewebs.com and had the same problem until i uploaded index.js and a folder named lytebox containing lytebox.css and lytebox.js and an images folder to the man directory .. unfortunately i cannot seem to figure out where to put these files now i hav uploaded the site to its permanant home with icdsoft. I usednetobjects 11 to create and upload the site which works perfectly in local publish mode and as i said, on my free test site .. any help u can come up with will b appreciated as my client is extremely happy with the lytebox gallery effect but now ive uploaded it i cant get it to work … Hope this is not too confusing … Thanks in advance .. Cam

  33. Please disregard last message .. hav just sorted it out … misnamed folder lytebox instead of lyteboxscripts…

  34. How come on the demos i see page 1, 2, 3 , 4 etc..? i want pages also, but all i see are the images. awesome program btw!!!

  35. Dan :

    How come on the demos i see page 1, 2, 3 , 4 etc..? i want pages also, but all i see are the images. awesome program btw!!!

    You determine the number of thumbs on index page by setting the max number of Rows and Columns. Once the number of your files exceeds specified Rows * Columns, the program creates a new page

  36. Thank you all for your input. Sorry I have to close the comments. It is a freeware project and I can’t provide free tech support for it any more. If you have a suggestion or bug report for the program – use “contact us” form.

Comments are closed.