When you select an image you'll see the various information about it, such as:
You can set up the various sizes for exported images.
* Open the generated index.html file in any text editor.
* Copy all code for Visual LightBox from the HEAD and BODY tags and paste it on your page in the HEAD tag and in the place where you want to have a gallery (inside the BODY tag).
<!-- Start Visual LightBox.com HEAD section -->
<!-- End Visual LightBox.com HEAD section -->
<!-- Start Visual LightBox.com BODY section -->
<!-- End Visual LightBox.com BODY section -->
* You can easily change the style of the templates. Find the generated 'engine/css/vlightbox.css' file and open it in any text editor.
| Download Free Trial |
| Download Free Trial |
jQuery Thickbox Alternative Free Trial can be used for free for a period of 30 days.
For troubleshooting, feature requests and general help contact Customer Support. Make sure to include details on your browser, operating system, Visual LightBox version and a link (or relevant code). pop up image html
* Another programmes have incredible functionality but no fantastic interface like your product!
* I would like to say that Visual LightBox is a stunning lil program! Its almost too good to be true i'd say! I've been looking for tutorials to create a lightbox gallery, but just couldnt come right. Im so glad i found Visual LightBox!
* This looks like EXACTLY what I need for my site. It would make my job much faster! Love your program. Thank you!!
Q:Can this be adapted so only one image is shown and then the gallery opens to flick through the rest of the images..
A:You can use the following parameter to hide thumbnails you don't want to display on the page: <!-- Start Light Box Alternative.com BODY section -->
<a rel="lightbox_vlb" href="data/images/dscn6831.jpg" title="dscn6831" ><img src="data/thumbnails/dscn6831.png" ><span></span></a>
<a rel="lightbox_vlb" href="data/images/dscn6823.jpg" title="dscn6823"><img src="data/thumbnails/dscn6823.png" style="display: none"><span></span></a>
<a rel="lightbox_vlb" href="data/images/dscn6819.jpg" title="dscn6819"><img src="data/thumbnails/dscn6819.png" style="display:none"><span></span></a>
<a id="vlb" href="http://Light Box Alternative.com">Photo Gallery For Web by Light Box Alternative.com v2.0</a>
<!-- End Light Box Alternative.com BODY section -->
<!-- Start Light Box Alternative.com BODY section -->