How to Use

Adding folders with images or images to web photo gallery.

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 wizard window. The image is copied to your pictures folder and automatically added to your website image album.

If you have included the images that you do not wish to be in the website image album, 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:

• 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 best web site album program 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 editor. 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 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 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 conclude the payment via the secure order 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: credit card, PayPal, bank transfer, check 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, operating system, browser and a link (or relevant code).Jquery Resize Swf

Feedback

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

    * I tried visuallightbox and for me its a very cool and usefull application. Its so easy to manage my galleries and it looks very nice.

    * I would like to say that VisualLightbox 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 VisualLightbox!Jquery Simplemodal Js Rounded Corner

    * Another programmes have incredible functionality but no fantastic interface like your product!

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

Galleriffic | A jQuery plugin for rendering fast-performing photo jQuery.history plugin integration to support bookmark-friendly URLs per-image; Slideshow (with optional auto-updating url bookmarks) Keyboard navigation

Slideshows and sliders made the jQuery way: 25 winning scripts You are here: Home � Collections � Slideshows and sliders made the jQuery way: 25 winning scripts Documentation:� http://css-tricks.com/creating-a-slick-auto

jQuery slideshow plugin // Marcel Eichner // Ephigenia jquery.slideShow.2009-10-27.zip jquery.slideShow.2009-07-20.zip jquery.slideShow.2009-07-02.zip Features. auto slideshow with repeat and a lot of options

Jquery Slideshow Auto . jQuery LightBox Generator Jquery Slideshow Auto. Don't allow your website visitors to get lost! Try jQuery LightBox Generator!. Image Hover Jquery Change The Image.

Easy Jquery Auto Image Rotator - Design Tips & Techniques - Maui Easy Jquery Image Rotator The other week I had a friend ask me for a simple script to rotate a few images on his

Top 14 jQuery Photo Slideshow / Gallery Plugins | Chicago Web jQuery is becoming present in more Web 2.0 sites. jQuery slideshows or galleries take a It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click

Simple jQuery Slideshow with PHP Image Stripe | WebMuch Simple jQuery Slideshow with PHP Image Stripe. In this tutorial we will be making a simple itself returns the merged image */ border:1px solid #000; margin:30px auto

15 Amazing jQuery Image Gallery/Slideshow Plugins and Tutorials - Slideshow gsallery (with optional auto-updating url bookmarks). - Events Demo: GalleryView jQuery Plugin Demo � Simple JQuery Image Slide Show with Semi-Transparent

jQuery slideView Plugin PageTalks jQuery Libary, just download from jQuery Official Site; slideView script file I was wondering if there was a way to auto play the slideshow? I want it to auto play and have

Slideshows and sliders made the jQuery way: 25 winning scripts You are here: Home � Collections � Slideshows and sliders made the jQuery way: 25 winning scripts Documentation:� http://css-tricks.com/creating-a-slick-auto

InnerFade with jquery InnerFade with JQuery What is it? InnerFade is a in milliseconds (Default: '2000'), type: Type of slideshow element in any css-height-value (Default: 'auto')

stu nicholls dot com | jquery image enlarge jQuery Joystick Slideshow. jQuery Auto-Photo-Slide. jQuery show / hide list. jQuery more / less. jQuery Horizontal slide down #3. Autorun slideshow. jQuery Date Picker

jQuery on Whitehouse.gov A Closer look Next up we have a nice implementation of a jQuery carousel and slideshow on the via the carousel, the main image, or just watch it auto play through a slideshow.

A Beautiful Apple-style Slideshow Gallery With CSS & jQuery This is the slide area */ height:400px; /* jQuery What would it take to make it auto-advance (maybe even The slide show starts on slide 1, it automatically goes to

Create a Slick and Accessible Slideshow Using jQuery #slideshow #slidesContainer { margin:0 auto; width:560px; height:263px The final step to the jQuery slideshow script is As you are saying Accessible Slide Show