How to Use

Adding folders with images or images to website image album.

From the Images menu, select Add images... Browse to the location of the folder you'd like to add and select the images. jQuery LightBox Gallery will now include that folder. Or you can move the images (folder) to the jQuery LightBox Gallery software window. The image is copied to your pictures folder and automatically added to your css web site album.

If you have included the images that you do not wish to be in the website gallery, you can easily remove them. Select all images that you wish to remove from web site album, and select Delete images. from the Images menu. You can pick and choose pictures by holding the CTRL while clicking the pictures you like.

You can also use your Vista Photo Gallery projects (. Vgal) in jQuery LightBox Gallery.

Adding caption.

When you select an image you'll see the various information about it, such as:

• Caption - you can enter any comment or text about the image (up to 512 symbols) in the website photo gallery.
• Path, Size - for each image, you will see the file name, full folder path; file size and date of last change.

Editing capabilities.

In this cool web page album wizard you can easily rotate your pictures using "Rotate Left" and "Rotate Right" buttons.

Right click on the picture and select "Edit images." item to open the selected picture in your default graph program. You can adjust the color of pictures, as well as fix red-eye and crop out unwanted parts of an image.

Gallery properties.

Change the name of your web photo gallery, the size and quality of your pictures with Website Photo Gallery. From the Gallery menu, select Properties or use "Edit Gallery Properties" button on the toolbar.

On the first tab of the Gallery Properties window you can change the name of your website album and enable/disable the following properties: Slide Show, Auto play Slide Show, Zoom effect, Overlay Shadow.

On the second tab of the Gallery Properties window you can select the thumbnail you want to use, set the Thumbnails Resolution, Thumbnails Quality, Thumbnails Titles.

On the third tab of the Gallery Properties window you can select the templates, the size and quality of your pictures, set background color and change the watermark.

You can establish the various sizes for generated images.

Control the quality of output JPEG format image by defining output "Image quality" and "Thumbnail quality" parameters (0%�100%).

Save your photo gallery as project file.

When you exit jQuery LightBox Gallery software, you'll be asked if you want to save your project. The project consists of the pictures you choose to put on your web photo gallery and all your settings. It's a good idea to save the project, because that will allow you to change the project in case you decide to do something different with future galleries. So click Yes, then enter a name for your project. To select the location of your project, just click the Browse folders button and choose a different location. Then click Save.

Download VisualLightbox

Download Free Edition for Windows

Download Free Edition for MAC

Visual jQuery LightBox is free for non-commercial use.

A small fee is required for business use. Visual jQuery LightBox Business Edition additionally provides an option to remove the VisualLightBox. Com credit line as well as a feature to put your own logo to images. After you finish the payment via the secure form, you will receive a license key instantly by email that turns the Visual jQuery LightBox Free Edition into a Business one. You can select the most suitable payment mode: bank transfer, check, credit card, PayPal etc. Also you can get Business Edition for free if you help with translating Visual LightBox into your native language, please contact us at for more info.

Buy Business Edition for Windows $49 Single Website $69 Unlimited Websites

Buy Business Edition for MAC $49 Single Website $69 Unlimited Websites

Support

For troubleshooting, feature requests and general help contact Customer Support at Make sure to include details on your operating system, browser, jQuery LightBox version and a link (or relevant code).Beautiful Jquery Sliders Ajax Automatic

Feedback

    * First of all, I love you Visuallightbox. I think it's beautiful! I purchased the lightbox “business edition” yesterday, and I’m very happy how easy it is to use. Found this to be one of the fastest ways to get a gallery on the web. Thanks.

    * Just bought the business version of Visual Light Box and I just had to write and say how impressed I am with it. Really easy to use, intuitive interface and generates a truly professional presentation. Seldom have I been so pleased with a software purchase. Thank you.

    * I find Visual LightBox (and lightbox2) a great tool and was about to proceed in its purchase.Easy Jquery Photoviewer

    * Just a quick thank you for the software though, It's not often you get a free software version of this quality and style! Well done and please continue this amazing gallery. Hope to see more advances.

FAQ

Q:I would like to have a few galleries in one website and even on one page.

A:To create several galleries on your page you should change following parameter in A tag for different galleries:

rel="lightbox_vlb"

For example, for the first gallery you should set rel="lightbox_vlb":

<!-- Start VisualLightBox.com BODY section -->
<div id="vlightbox">
<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"><span></span></a>
<a id="vlb" href="http://visuallightbox.com">Photo Gallery For Web by VisualLightBox.com v2.0</a>
</div>
<!-- End VisualLightBox.com BODY section -->

<!-- Start VisualLightBox.com BODY section -->
<div id="vlightbox">
<a rel="lightbox_vlb1" href="data/images/img_0501.jpg" title="img_0501">
<img src="data/thumbnails/img_0501.png"><span></span></a>
<a rel="lightbox_vlb1" href="data/images/img_0481.jpg" title="img_0481">
<img src="data/thumbnails/img_0481.png"><span></span></a>
<a id="vlb" href="http://visuallightbox.com">Photo Gallery For Web by VisualLightBox.com v2.0</a>
</div>
<!-- End VisualLightBox.com BODY section -->

SEE ALSO

Introducing $(document).ready() � Learning jQuery - Tips All the functions I have to do stuff to this content (delete, edit,..) does not work until I reload the page. Is there any alternatives to this window.onload (or in jquery

The window.onload Problem Revisited � Out of Hanwell I believe jquery supports all major browsers. Appending the init() function to the Internet Explorer outofhanwell @ 2:36 pm Rob mentioned that the window.onload

Tutorials:How jQuery Works - jQuery JavaScript Library window.onload = function(){ alert("welcome"); } Inside of which is the code that you Important: The remaining jQuery examples will need to be placed inside the ready

peter.michaux.ca - The window.onload Problem (Still) window.onload and The Wrinkle. The previous example shows that we don't need to separate the and a detailed analysis are important because prominent libraries like JQuery,

Dean Edwards: The window.onload Problem - Solved! The window.onload Problem Revisited Today I was researching ways to provide Mozillas bedient sich der Methode von Dean Edwards f�r ihr eigentlich wunderbares jQuery

Add a javascript handler to the windows onload event JQuery; SEO; RegEx; AJaX; CSS; SQL; XML; Java; JRun.Net; JavaScript; CFEclipse; ColdBox; Model Glue > What is a good way to added a javascript event handler to the > windows.onload event

jQuery/Javascript: How to tell if the $(window).load()/window jQuery/Javascript: How to tell if the $(window).load()/window.onload event has already fired? window.onload/onunload and <body onload/onunload >

Simple Inline Modal Window w/ CSS and jQuery - CSS Lightview Please note: This tutorial requires intermediate knowledge of CSS and jQuery. For best results, please be sure to learn the proper foundations before attempting

Event Delegation in jQuery and Performance (live vs bind vs other window. onload = function () {$ ("a"). bind ("click", function (event) {//If it's a link console. no jQuery; onload: 54.49ms, 4186 calls: 13.86ms, 206 calls: 9.62ms, 182 calls: 16.53ms,

Jquery Window.onload . jQuery LightBox Generator Jquery Window.onload. jQuery LightBox Generator - photo gallery script. Cross-browser. Cool styles. Easy setup.. Lightbox Load Html.

Jetlogs.org � jQuery: Floating Dialog Windows How to create floationg dialog windows in JQuery The tutorial for today will be on making floating dialog windows using the jQuery library.

Introducing $(document).ready() � Learning jQuery - Tips All the functions I have to do stuff to this content (delete, edit,..) does not work until I reload the page. Is there any alternatives to this window.onload (or in jquery

jQuery SuperBox! jQuery Superbox! is a script which allows you display windows with the lightbox effect. This script is a plugin for jQuery (1.3.x). Why create a new script of this kind, when

jQuery Performance Rules - Best Practices for Speeding Up jQuery Defer to $(window).load. There is a temptation among jQuery developers to hook everything into the var script = document.getElementById(__ie_onload); script

peter.michaux.ca - The window.onload Problem (Still) window.onload and The Wrinkle. The previous example shows that we don't need to separate the and a detailed analysis are important because prominent libraries like JQuery,