If you Like it, Please Share! :)
Overview
Visual jQuery LightBox is a free tool that helps you easily generate online photo albums, web photo galleries 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 wizard window, press "Publish" and your own cool web page album with beautiful LightBox effects will open in your browser instantly!
No css, html coding, javascript, image editing, 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 photo gallery above is an in-page usage demo of Lightbox gallery. The gallery created with Visual jQuery Gallery software is placed inside the website page. You can also check the full-page demo gallery. This example takes whole browser area to show the website gallery.Vertical Center In Window Jquery
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 application window. The image is copied to your pictures folder and automatically added to your best 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 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 information 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 software 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 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 website image 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.
Html Css Thumbnail Strip Jquery Overlay And ShadowDownload 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 appropriate payment method: credit card, bank transfer, 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, browser, operating system and a link (or relevant code).Jquery Carousel Portrait Landscape
Feedback
* I am thrilled with what this tool can do for me thanks for all the hard work that must have gone into it.
* I'd like to express my gratitude to your efforts on creating such a nice piece of program and best of all it's free! Keep out the good work and I hope to see new features in the near coming future to rate you 5 star!
* I LOVE your free Lightbox2 software tool and will purchase the business version shortly. I have seen the Lightbox JS effect used with video tutorials and I was hoping you have a version for video that I can purchase.
Video LightBox: http://videolightbox.comSliding Window Pictures
* 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: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
10+ promising jQuery Lightbox-Clones Plugin | INSIC DESIGNS 1. jQuery FancyZoom. Orderlist develop a lighbox clone Adds a nice drop shadow under the zoomed item; Groups unobtrusive, no need extra markup and is used to overlay
Creating modal dialogs with overlay Overlay your HTML with eye candy 6px; -webkit-border-radius:6px; -moz-box-shadow: 0 0 know which one of the buttons is clicked by using jQuery
Wordpress Video Galleries with NextGen and jQuery | Peter If you have jquery and just follow the instructions above you should not have any just looks messy and hard to cose the overlay. Rick. Peter Says: October 29th, 2009
Shadowbox.js Commercial licenses are available for developers that would like to use Shadowbox on a commercial website.
30 Awesome jQuery Photo Plugins | TuVinhSoft .,JSC Pikachoose Pikachoose is a lightweight Jquery plugin to open the images in an inpage popup with drop shadow unobtrusive, no need extra markup and is used to overlay
UI/Theming/API - jQuery JavaScript Library The jQuery UI CSS Framework. jQuery UI includes a robust CSS Framework .ui-widget-shadow: Class to be applied to overlay widget shadow elements. Applies background color
30 Best jQuery Photo Plugins - Sliders, Slideshow, Galleries 30 Best jQuery Photo Plugins - Sliders, Slideshow to open the images in an inpage popup with drop shadow unobtrusive, no need extra markup and is used to overlay
Shadowbox.js Commercial licenses are available for developers that would like to use Shadowbox on a commercial website.
UI/Theming/API - jQuery JavaScript Library The jQuery UI CSS Framework. jQuery UI includes a robust CSS Framework .ui-widget-shadow: Class to be applied to overlay widget shadow elements. Applies background color
Top 14 jQuery Photo Slideshow / Gallery Plugins | Chicago Web jQuery is becoming present in more Web 2.0 sites. jQuery unobtrusive, no need extra markup and is used to overlay to open the images in an inpage popup with drop shadow
100 Popular jQuery Examples, Plugins and Tutorials This jQuery plugin shall give developers a cross-browser overlay and a container that will contain data images to fit in windows by adding a nice drop-shadow
More Showing, More Hiding Learning jQuery - Tips, Techniques More Showing, More Hiding at Learning jQuery It's important to include jquery.js before any other files that use it. Also, you may need to change the path to match your
UI/Theming/API - jQuery JavaScript Library The jQuery UI CSS Framework. jQuery UI includes a robust CSS Framework .ui-widget-shadow: Class to be applied to overlay widget shadow elements. Applies background color
jQuery Mobile Set to Democratize Mobile App Design system will include both layouts (lists, detail panes, overlays support for more CSS3 properties like text-shadow and box-shadow. So far, the sponsors of the jQuery
More Showing, More Hiding Learning jQuery - Tips, Techniques More Showing, More Hiding at Learning jQuery It's important to include jquery.js before any other files that use it. Also, you may need to change the path to match your








