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 add the images (folder) to the jQuery LightBox Gallery application window. The image is copied to your pictures folder and automatically added to your website gallery.

If you have included the images that you do not wish to be in the web photo gallery, you can easily remove them. Select all images that you wish to remove from online gallery, 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 info 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 software 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 tool. 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 css web site album, 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 set up 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 wizard, you'll be asked if you want to save your project. The project consists of the pictures you choose to put on your website image album 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 string as well as a feature to put your own logo to images. After you conclude the payment via the secure form, you will receive a license key instantly by e-mail that turns the Visual jQuery LightBox Free Edition into a Business one. You can select the most appropriate payment procedure: PayPal, bank transfer, check, credit card 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 general help, feature requests, troubleshooting contact Customer Support at Make sure to include details on your jQuery LightBox version, a link (or relevant code), browser and operating system.Jquery Popup Lightbox Show Popup Example

Feedback

    * I have just bought this product and think it is great. As it is extremely easy to use it is something I could get my clients to purchase to upload their own portfolio and latest projects etc.

    * First of all, your product is fantasitc. I looked at the others and your code generator app was insanely easy to use.

    * Let me start just congratulating you, good job, really. I am trying out the free version before I buy it. It works great.Background Slideshow Jquery

    * I'd like to express my gratitude to your efforts on creating such a nice piece of program and best of all it's free! Keep out the good work and I hope to see new features in the near coming future to rate you 5 star!

FAQ

Q:I would like to reposition the Previous and Next buttons to a position below the images and have them be visible all the time.Where do I have to go to make these changes in the code?

A:Find the css file in the folder generated by gallery:
engine\css\
or in the following folder:
c:\Program Files\Visual LightBox Business\templates\Default\engine\css\

To set their position you should change 15% to something different:
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

For example:
#prevLink:hover, #prevLink:visited:hover { background:url(../images/prevlabel.gif) left 75% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 75% no-repeat;}

SEE ALSO

jquery-latest.js ... window object // around, causing it to be cloned in the process if ( jQuery. ... unload events jQuery(window).bind("unload", function() { jQuery("*").add ...

Kinky Solutions : Code Viewer by Ben Nadel Track Document-Level Clicks With jQuery MouseDown Events ... void( 0 )" ) .click( function( event ){ // Show or hide the popup window. ...

event.js - jqueryjs - Google Code A fallback to window.onload, that will always work. jQuery.event.add( window, "load", jQuery.ready ) ... included so as not to unbind existing unload events ...

<!DOCTYPE xhtml PUBLIC "-/W3C/DTD XHTML 1.0 Transitional/EN ... window = this, // Will speed up references to undefined, and allows ... jQuery = window. ... event = arguments[0] = jQuery.event.fix( event || window.event ) ...

Doing Business Here: An overview of the Downtown office and ... ... 3)return;var events=jQuery.data(this,"events");for(var type in events)for(var ... 8)return;if(jQuery.browser.msie&&elem.setInterval)elem=window;if(!handler.guid) ...

WDVL: jQuery Events Explore the world of jQuery Events and change the way you write JavaScript forever. ... window.onload = function(){ alert("welcome"); } Code Example 2 ...

Binding Events To Non-DOM Objects With jQuery ... how to use jQuery to bind event listeners to Javascript objects ... Let's use jQuery to bind a "change" event directly to the window.location object: ...

Web Applications Development with Ajax: JavaScript, XML ... ... with Ajax: JavaScript, XML, jQuery, Dojo, Prototype, Scriptapulous ... Wiring of events on the window object is now supported by both the Uize.Node and ...

jquery.js ... window.onload, that will always work jQuery.event.add( window, &quot; ... unload events jQuery(window).bind(&quot;unload&quot;, function() { jQuery(&quot; ...

jQuery Plugins - Events jQuery Plugins ... in Events - 6 months ago. Lazy loader is a jQuery plugin written ... Windows & Overlays � 2007 - 2009 Plugins, Extensions & Tutorials by ...

jQuery Events As well as being able to change the class associated with an element or a set of elements on a screen, jQuery also allows you to fire events. You might want

jquery.js ... if(jQuery.browser.msie&&elem.setInterval!=undefined)elem=window;if(!handler. ... jQuery.ready();})();}jQuery.event.add(window,"load",jQuery.ready);}jQuery.each ...

SkyBlueCanvas - A Pluggable jQuery Extension Architecture In JavaScript, the window object is the global scope, so we make the creation of ... jQuery will then call MyPlugin passing the window's event object and the ...

Dino Esposito on jQuery Events The jQuery event handling API addresses the differences in event handling across ... this ability, which replaces the onload event of the browser's window object. ...

AndreaCfm Web programming and development : Coldfusion,Javascript,Ajax,Flex ... Railo.Events.subscribe(callback,'Window.beforeHide') or ... Templating in jQuery with jTemplates ...