How to Use

Adding folders with images or images to best web site 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 program 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 web photo gallery, you can easily remove them. Select all images that you wish to remove from photo 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:

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

Editing capabilities.

In this cool web page album application 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 best 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 establish the various sizes for exported 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 program, you'll be asked if you want to save your project. The project consists of the pictures you choose to put on your css web site 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 bar as well as a feature to put your own logo to images. After you conclude the payment via the secure order 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 method: 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 feature requests, troubleshooting, general help contact Customer Support at Make sure to include details on your jQuery LightBox version, a link (or relevant code), operating system and a browser.Lightbox Detecting Modal Windows Size

Feedback

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

    * I just tried the application, It is wonderful idea. Like you said in the website "few clicks without writing a single line of code" because most of the people is not web designers".

    * Another programmes have incredible functionality but no fantastic interface like your product!Adding History To Jquery Cycle Slideshow

    * 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.

FAQ

Q:How do I embed the lightbox image gallery into an existing page?

A:To install VisualLightBox gallery on your page you should:

1. Create your gallery in VisualLightBox and publish it on a local drive in any test folder.
2. Open index.html file from the saved folder in any text editor.
3. Copy code for the HEAD section and paste it inside the HEAD section of you own webpage, for example:

<head>
...
<!-- Start VisualLightBox.com HEAD section -->
<link rel="stylesheet" href="engine/css/vlightbox.css" type="text/css" />
<style>#vlightbox a#vlb{display:none}</style>
<link rel="stylesheet" href="engine/css/visuallightbox.css" type="text/css" media="screen" />
<script src="engine/js/jquery.js" type="text/javascript"></script>
<script src="engine/js/jquery.tools.min.js" type="text/javascript"></script>
<script src="engine/js/visuallightbox.js" type="text/javascript"></script>
<!-- End VisualLightBox.com HEAD section -->
...
</head>

<body>
...
<!-- 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 rel="lightbox_vlb" href="data/images/dscn6819.jpg" title="DSCN6819"><img src="data/thumbnails/dscn6819.png"><span></span></a>
<a id="vlb" href="http://visuallightbox.com">Photo Gallery For Web by VisualLightBox.com v2.1</a>
</div>
<!-- End VisualLightBox.com BODY section -->
...
</body>

SEE ALSO

Open Source Flickr Photo Gallery Using jQuery flickrGallery is an open-source photo gallery for jQuery that allows you to dynamically pull images from ... jQuery flickrGallery plugin. CSS Files and Images ...

15 jQuery Plugins For A Better Photo Gallery And Slideshow Photo Gallery, picture gallery, or slideshow are the best way to present your images to readers. With jQuery, we can create these effect easily by using its plugins. ...

15 Great jQuery Images Gallery Plugins To Showcase Your Work ... ... showcasing your portfolio and work, image gallery is a very important part for your ... GalleryView: A jQuery Content Gallery Plugin ... Photo Slider Gallery ...

Spacegallery(jquery plugin) - Open Source Photos | Other ... ... DEMO to see effect. HomePage:Unknow DEMO,Photos | Other plugins ... (E)2 Photo Gallery(mootools) Sample Nav Bar. ToolTip_MooTools. Spacegallery(jquery plugin) ...

Plugins | jQuery Plugins An accessible gallery plugin (using jQuery) that replaces the main image and ... is an open-source photo gallery for jQuery that allows you to dynamically ...

WordPress " NextGEN Gallery " WordPress Plugins [Plugin: NextGEN Gallery] Recommend a plugin that inserts photo (from ... [Plugin: NextGEN Gallery] Is it possible using Javascript (jQuery) to create Slideshow? ...

Plugins | jQuery Plugins gallery. image. images. Media. Navigation. navigation. photo gallery. Plugins. Widgets. Windows and Overlays � 2009 John Resig and the jQuery Team. ...

Display Wordpress Author Photo along with post without plugin ... ... in Canvas Photo Gallery : Moo Tools jQuery Accordion Plugin people Edit In ... Rich Text Editor jSmile - jQuery Plugin Custom form elements Web Designer ...

Create Photo Gallery with MooTools Tutorial ... many of MooTools's functions create a nice photo gallery. ... Decorate your Images and Photo Galleries with CSS. jQuery Content Gallery Plugin - GalleryView ...

100+ Photo/image galleries (AJAX, Flash, PHP) Amazing list of image gallery's that can be easy used on your website. ... (1.5Kb) jQuery plugin wich allows to instantly create an image gallery by writing ...

30 Awesome jQuery Photo Plugins | TuVinhSoft .,JSC 1. Pikachoose Pikachoose is a lightweight Jquery plugin that allows easy presentation of photos ... Space Gallery is another fancy jQuery photo gallery plugin. ...

20 Fantastic Latest jQuery Plugins we're collection of the amazing latest jQuery plugins resources and tutorials that can add a ... Amazing TOP 12 Photo Gallery And Slideshow use jQuery Plugins ...

QBN - jQuery Flickr Photo Gallery Plug-In QBN� - For A Better Tomorrow ... The End of an Era 44. NYC Marathon 11/1/09. Mafia killing Caught on c... jQuery Flickr Photo Gallery Plug-In 33 Responses ...

beinsync " Blog Archive " Amazing TOP 12 Photo Gallery And ... Amazing TOP 12 Photo Gallery And Slideshow use jQuery Plugins ... (1.5Kb) jQuery plugin wich allows to instantly create an image gallery by writing ...

40+ Fresh And New jQuery Plugins Of Slider's And Gallery's ... In fact, jQuery is one of the most popular JavaScript frameworks, with ... A simple and easy to use jQuery plugin that creates a beautiful photo slider. ...