If you Like it, Please Share! :)
Overview
Visual jQuery LightBox is a free tool that helps you easily generate picture photo album, web gallery website with a nice Lightbox-style overlay effect, in a few clicks without writing a single line of code.
Just move your photos into Visual jQuery LightBox program window, press "Publish" and your own web page album script with beautiful LightBox effects will open in your browser instantly!
No image editing, css, html coding, javascript, just a click to get your cool web page album ready.
Visual LightBox is available as Prototype or jQuery plugin, for Windows and Mac, it is translated by volunteers to 25 languages!
Want more?
- jQuery plugin or Prototype extension
- Floating and smooth cross-fade animation
- Slideshow with autostart option
- Windows & MAC version
- Zoom effect with overlay shadow
- Rounded corners of overlay window
- Large images fit to browser window
- A lot of nice gallery themes
- Image rotating and hi-quality image scaling with anti-aliasing
- Automatic thumbnail creation
- Adding caption
- Built-in FTP
Example
Lightbox gallery sample
The following image set is generated by VisualLightbox. Click any picture to run Lightbox gallery.
The example above is an in-page usage demo of Lightbox script. The photo gallery created with Visual jQuery Gallery tool is placed inside the html page. You can also check the full-page demo web gallery. This example takes whole browser area to show the web gallery.Hover Zoom Effect
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 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 website 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 information 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 website image 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 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 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 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.
Jquery Slideshow Fade Best Overlay JqueryDownload VisualLightbox
 Download Free Edition for Windows |  Download Free Editionfor 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 complete 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, credit card, check, 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.
|
| |||||||||||||||||||||||||||||||
Support
For general help, troubleshooting and feature requests contact Customer Support at Make sure to include details on your jQuery LightBox version, a link (or relevant code), operating system and a browser.Auto Popup Inline Modal Window
Feedback
* Another programmes have incredible functionality but no fantastic interface like your product!
* Great product by the way and saved me loads of time. I really like your Visual LightBox program! Very nice.
* 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.Jquery Non Modal Popup
* I find Visual LightBox (and lightbox2) a great tool and was about to proceed in its purchase.
FAQ
Q:Is it possible to load a gallery from within image? So the gallery loads externally?
A:You should start the gallery onClick: <script type="text/javascript"> #vlightbox a{ #vlightbox a{
1) Add the following function into the <head> tag:
function showLightBox()
{ Lightbox.start(document.getElementById('firstImage'));}
</script>
<img src="thumbnail_gr.jpg" onClick="javascript:showLightBox()" title="Click to see the demo" style="cursor: pointer;">
3) Set the ID for any image in your gallery (id="firstImage"), for example add it to the first image:
<a rel="lightbox_vlb" href="data/images/dscn6831.jpg" title="dscn6831" id="firstImage">
4) Use 'display: none;' property for your gallery in engine\css\vlightbox.css. Just change the following code:
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
position:relative;
vertical-align:top;
margin:3px;
width:160px;
font-family:Trebuchet,Tahoma,Arial,sans-serif;
font-size:11px;
font-weight:normal;
text-align:center;
opacity:0.87;
}
display:-moz-inline-stack;
display:none;
zoom:1;
*display:inline;
position:relative;
vertical-align:top;
margin:3px;
width:160px;
font-family:Trebuchet,Tahoma,Arial,sans-serif;
font-size:11px;
font-weight:normal;
text-align:center;
opacity:0.87;
}
SEE ALSO
Jquery Loading Overlay . jQuery LightBox Generator Jquery Loading Overlay. Just upload files generated by the photo album builder to your server and it will run immediately, even if it's a free host without php, mysql
FerretArmy.com jQuery Image Overlay Plugin An Image Overlay plugin for the jQuery JavaScript library. Allows you to display additional information in a translucent pane above an image that gracefully appears when
Contact-Pop: Contact Form Overlays with a Simple jQuery Plugin A simple jQuery plugin for a contact form with a grayed-out overlay. Grabs any links that point to your contact page and flags them for the Contact-Pop popup.
Overlay Text over an Image with jQuery Here comes another goodness of jQuery. We will review a quick tutorial to create a display box of image that will have an animated comment whenever yo
Visual jQuery 1.1 Core $(html) $(html) Create DOM elements on-the-fly from the provided String of raw HTML. Returns. jQuery. Parameters. html (String): A string of HTML to
Overlay Text over an Image with jQuery Here comes another goodness of jQuery. We will review a quick tutorial to create a display box of image that will have an animated comment whenever yo
boxy Overview. Boxy is a flexible, Facebook-style dialog box for jQuery with support for dragging and size tweening. It differs from other overlays I've seen by providing an
jQuery - FerretArmy: A Web Developer's Paradise A quick note Ive updated my jQuery Image Overlay Plugin to version 1.1. This version adds support for pinning the overlay so it is always viewable (not just when
KalyanChakravarthy.net Blog Archive Simple Overlay Box 13 Responses to Simple Overlay Box jQuery Tutorial vishalhd on December 14th, 2008 at 5:50 am dude that is awesome!! Just like the wordpress one!
alvarojunior.com - jQuery jOverlay Plugin (The overlay plugin for The overlay plugin for jquery - jOverlay, modal, dialog, plugin, overlay
Visual jQuery 1.1 Core $(html) $(html) Create DOM elements on-the-fly from the provided String of raw HTML. Returns. jQuery. Parameters. html (String): A string of HTML to
Usage - jquery-imageoverlay - This page shows usage of the Usage of the jQuery Image Overlay Plugin This page details the usage of the jQuery Image Overlay plugin. For a better formatted version of these instructions, please
ITT #5: Transparent Overlay with Slide-Out Description | Blog jQuery + CSS to Add a Cool Entry Preview to Your Site . I'm going to try something a little different this week and talk about CSS. I'm working on a client project that
jquery-imageoverlay - Project Hosting on Google Code jQuery Image Overlay Plugin. jQuery Image Overlay This is a jQuery Image Overlay plugin. Created by Jon Neal of http://www.ferretarmy.com
jQuery - How Do I Place a DIV On Overlay? - Stack Overflow I'm trying to make a modal dialog in the least amount of jQuery code as possible because my project already has a bit too much jQuery loaded into it.