If you Like it, Please Share! :)




Overview

Visual jQuery LightBox is a free software 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 add your photos to Visual jQuery LightBox program window, press "Publish" and your own best web site album with beautiful LightBox effects will open in the browser immediately!
No html coding, javascript, css, image editing, 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!

Visual LightBox for Windows   Visual LightBox for MAC

Want more?

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 gallery. The slideshow created with Visual jQuery Gallery wizard is placed inside the page layout. You can also check the full-page demo slideshow. This example takes whole browser area to show the lightbox gallery.Jquery Div Each Div In Series

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

Add Images To 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 css web site 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 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 cool web page 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 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 application, you'll be asked if you want to save your project. The project consists of the pictures you choose to put on your best 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 Slideviewer Rollover Auto Slideshow Jquery

Download VisualLightbox

Download Visual LightBox Download Free Edition
for Windows
Download Visual LightBox 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 complete 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 mode: check, bank transfer, 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.

Slick Jquery Slidehow Adding Lightbox

Buy Visual LightBoxBuy Business Edition
for Windows

$49
Single Website
$69
Unlimited Websites
Buy Visual LightBoxBuy 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 browser, operating system, a link (or relevant code) and jQuery LightBox version.Confirm Modal

Feedback

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

    * Great product by the way and saved me loads of time. I really like your Visual LightBox program! Very nice.

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

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

FAQ

Q:Can this be adapted so only one image is shown and then the gallery opens to flick through the rest of the images..

A:You can use the following parameter to hide thumbnails you don't want to display on the page:

style="display: none;"

for example:

<!-- 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" style="display: none"><span></span></a>
<a rel="lightbox_vlb" href="data/images/dscn6819.jpg" title="dscn6819"><img src="data/thumbnails/dscn6819.png" style="display:none"><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 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

15 Amazing jQuery Image Gallery/photo gallery/Slideshow Plugins Pikachoose is a lightweight Jquery plugin that allows easy presentation of photos with options for slideshows, navigation buttons, and auto play.

jQuery - Creating a Slideshow | Switch on the Code Lately I have been doing a lot with jQuery and one item is a slideshow. Around the web you margin: 0 auto;} #slideshow-area { border: 1px solid #000;}

Simplest jQuery Slideshow - Snook.ca Simplest jQuery Slideshow. A friend was looking at doing a simple slideshow. Would it not be better to perhaps set the images to overflow:auto so at least

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.

Animate Panning Slideshow with jQuery | Build Internet! overflow:hidden; position:relative; margin:10px auto 10px auto;} #slideshow{width The primary role of jQuery in this slideshow is to adjust the coordinates of the list

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

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

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

Simplest jQuery Slideshow - Snook.ca Simplest jQuery Slideshow. A friend was looking at doing a simple slideshow. Would it not be better to perhaps set the images to overflow:auto so at least

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 Image Slide Show with Semi-Transparent Caption I will show you how to create a simple image slide show with a semi-transparent caption with jQuery. I need auto scroll slider with zoom out effect,can u please

15+22 jQuery Image Slideshow/Slider Tutorials and Plugins for A lightweight slideshow plugin that is called jQuery Cycle. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition

Create a Slick and Accessible Slideshow Using jQuery #slideshow #slidesContainer .slide { margin:0 auto; width:540px; /* reduce by 20 pixels to Well use the jQuery library to make our slideshow more interactive and

Jquery Scrolling Slideshow . jQuery LightBox Generator Build an Auto-Scrolling Slideshow That Works With and Without Create a jQuery slideshow that enables you to click through each slide when JavaScript is disabled, without