If you Like it, Please Share! :)
Overview
Visual jQuery LightBox is a free application that helps you easily generate online photo albums, lightbox gallery with a nice Lightbox-style overlay effect, in a few clicks without writing a single line of code.
Just drag&drop your photos into Visual jQuery LightBox software window, press "Publish" and your own css web site album with beautiful LightBox effects will open in your browser at once!
No image editing, html coding, css, javascript, just a click to get your web photo gallery 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 sample above is an in-page usage demo of Lightbox. The gallery created with Visual jQuery Gallery application is placed inside the html page. You can also check the full-page demo lightbox gallery. This example takes whole browser area to show the website gallery.Load Dynamically Dialog Jquery
How to Use
Adding folders with images or images to css 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 css web site album, 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 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 css web site 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 website image 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 software, 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.
Jquery Mage Crop Jquery ThumbDownload VisualLightbox
for Windows | 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 email that turns the Visual jQuery LightBox Free Edition into a Business one. You can select the most suitable payment mode: bank transfer, credit card, PayPal, 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.
|
| |||||||||||||||||||||||||||||||
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.Jquery Center Box
Feedback
* 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.
* Let me start just congratulating you, good job, really. I am trying out the free version before I buy it. It works great.
* I downloaded your trial version to see if I could get it to work with my website, and I am almost there (I have been looking for something like this for ages)..Jquery Plugin Windows Float
* I have installed visual lightbox to trial. All good, loving it!! I want to get an business version of your great programm. I love it - soo easy to use!!
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: <!-- Start VisualLightBox.com BODY section --> <!-- Start VisualLightBox.com BODY section -->
rel="lightbox_vlb"
For example, for the first gallery you should set rel="lightbox_vlb":
<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 -->
<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
stu nicholls dot com | jQuery all-in-one gallery text can be placed here along with any other piece of information that can be styled using CSS. The jQuery routine is just used to read the information from the 'thumb' li
Create a Thumbnail Gallery with Slick Heading and Caption Effect This tutorial will show how to add heading and caption to your thumbnail and display it with jQuery cool transition effect. It's an elegant way to put content in your
Slider - multi thumb - jQuery Forum jQuery Support Portal
GalleryView: A jQuery Content Gallery Plugin Space for a Name jQuery color value (rgb,hex,name) black Color of frame background and filmstrip In 2.0, is it possible to have separate thumb image sets? Sometimes its desirable
An Introduction to jQuery for SharePoint Developers Essentially jQuery is a Javascript library/API that lets you be able to do with one <img src="/atltest/code/photos/thumb_image1.jpg" width="72" height="72" alt="" />
Opensource - AJAX - Jquery Fancyzoom This plugin is the jQuery version on the fancy zoom effect. As describe on the fancy As the well famous light box plugin you must encapsulate your thumb images with a
jQuery Media Gallery Plugin jQuery Media Gallery Plugin background: url(http://img.youtube.com/vi/mk_qhW_7K8Q/2.jpg);" class = "thumb" ></ span > <
Opensource - AJAX - Jquery Fancyzoom This plugin is the jQuery version on the fancy zoom effect. As describe on the fancy As the well famous light box plugin you must encapsulate your thumb images with a
Joomla 1.5 jQuery Mini Cart Module This is a light duty Joomla 1.5 Mini Cart Module based on jQuery. Meant as a quick way to sell a dozen products.
how to set a mouseover effect using jQuery? : javascript jQuery(document).ready(fun ction() { $(".view-thumb img").mouseover(function() { // get rid of the text decoration on all 4 thumbnails $(".view-thumb").css("text
The Coffeescripter Blog Archive AD Gallery a jQuery AD Gallery a jQuery gallery plugin . I got inspired by myself when I wrote the now i try to figure out how to prevent the style (width) settings of ul.ad-thumb
HOWTO: PHP and jQuery upload progress bar HOWTO: PHP and jQuery upload progress bar. t.wits.sg HOWTO: PHP and jQuery upload Quite possibly the best Robots.txt file ever thumb. 704
35 Stylish And Modern Wordpress Plugins Using jQuery UI 35 Stylish And Modern Wordpress Plugins Using jQuery UI In this post youll find out about very flexible and stylish Wordpress plugins, which are based on Jquery UI.
10 jQuery Datagrid Plugins 10 jQuery Datagrid Plugins. php-team.blogspot.com Review of 10 jQuery datagrid plugins Quite possibly the best Robots.txt file ever thumb. 704
An Introduction to jQuery for SharePoint Developers Essentially jQuery is a Javascript library/API that lets you be able to do with one <img src="/atltest/code/photos/thumb_image1.jpg" width="72" height="72" alt="" />







