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)
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.
<iframesrc="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.
<iframesrc="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 -uCredits
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
Comments are closed.
#1 by Robyn on March 30, 2010 - 7:01 am
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 by John on March 30, 2010 - 11:49 pm
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 by alexey on March 31, 2010 - 2:10 pm
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 by Jeyan on April 1, 2010 - 3:58 am
Full screen button that comes with the player is not working.
Thanks in advance.
#5 by R.B. on April 3, 2010 - 8:50 am
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.
#6 by alexey on April 6, 2010 - 11:25 am
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.”
#7 by alexey on April 6, 2010 - 11:27 am
Thank you for your feedback. We will fix it in the next release.
#8 by Redeye on April 7, 2010 - 11:36 am
Thank you for sharing this work!!
I do have one question. What is need to enable autoplay?
#9 by James Irish on April 7, 2010 - 3:05 pm
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.
#10 by Ruslan Sudentas on April 7, 2010 - 3:05 pm
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\
#11 by alexey on April 8, 2010 - 2:43 pm
Please see:
http://pranas.net/webgallerycreator/#autoplay-images
http://pranas.net/webgallerycreator/#autoplay-videos
#12 by alexey on April 8, 2010 - 2:46 pm
Open videobox.js file from “lib\videobox” and find the following code:
this.so = new SWFObject(….
Then add this:
this.so.addParam(“allowfullscreen”, “true”);
#13 by Raik on April 8, 2010 - 5:45 pm
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
#14 by Felipe on April 20, 2010 - 12:57 pm
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?
#15 by Ruslan Sudentas on April 23, 2010 - 1:03 pm
2 Raik/Felipe
Sorry, we couldn’t reproduce this behavior. Could you provide us with a sample page where you experience it?
#16 by Mike on April 27, 2010 - 4:14 am
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
#17 by jdog on April 27, 2010 - 3:56 pm
how to have photo preview of picture folder
#18 by Bob on April 29, 2010 - 6:58 pm
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?
#19 by Bob on April 29, 2010 - 7:01 pm
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.
#20 by Karl on April 30, 2010 - 5:17 pm
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.
#21 by Anton on April 30, 2010 - 11:33 pm
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
#22 by Aicha on May 4, 2010 - 4:01 pm
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.
#23 by Ruslan Sudentas on May 4, 2010 - 6:28 pm
Mike, I’ve decided not to have this feature in interface to keep the program simple. Your only option is to modify HTML
#24 by Ruslan Sudentas on May 4, 2010 - 6:30 pm
Could you clarify what you have in mind?
#25 by Ruslan Sudentas on May 4, 2010 - 6:31 pm
It seems JS just wasn’t loaded. Maybe just a server issue.
#26 by Ruslan Sudentas on May 4, 2010 - 6:36 pm
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.
#27 by Ruslan Sudentas on May 4, 2010 - 6:40 pm
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.
#28 by Ruslan Sudentas on May 4, 2010 - 6:42 pm
It’s not buy, it’s donate. And yes, you can omit the link on all of the sites you are working on.
#29 by alexey on May 5, 2010 - 11:46 am
This issues is fixed in 2.1.5
#30 by Tinche on May 9, 2010 - 8:07 am
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
#31 by Ruslan Sudentas on May 9, 2010 - 7:39 pm
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?
#32 by David R on May 11, 2010 - 2:05 pm
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?
#33 by Ruslan Sudentas on May 12, 2010 - 4:50 pm
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.
#34 by David R on May 14, 2010 - 6:29 pm
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.
#35 by Ruslan Sudentas on May 15, 2010 - 6:05 pm
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.
#36 by Franzi on May 17, 2010 - 2:14 pm
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
#37 by Ruslan Sudentas on May 17, 2010 - 2:53 pm
Actually the files should be sorted alphabetically. Could you give me an example where they are not sorted alphabetically please?
#38 by alexey on June 2, 2010 - 5:47 am
I don’t see lytebox.css in a head section of html the document (http://www.fjellogvidde.com/gallerigaia.html)
Please add it there. See a page source of http://pranas.net/wgc/samplegallery/iframe-sample-2.htm page for example
#39 by Henk Wams on June 3, 2010 - 9:48 am
Just wanted to say THANKS ! works perfect ans looks great!
#40 by Cam on June 3, 2010 - 2:22 pm
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
#41 by Cam on June 3, 2010 - 2:38 pm
Please disregard last message .. hav just sorted it out … misnamed folder lytebox instead of lyteboxscripts…
#42 by steve on June 3, 2010 - 9:56 pm
where do i find step by step manual?
Im having problem uploading, the template
#43 by Dan on June 4, 2010 - 10:49 am
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!!!
#44 by Ruslan Sudentas on June 4, 2010 - 10:57 am
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
#45 by Ruslan Sudentas on June 8, 2010 - 4:20 pm
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.