JavaScript Image Gallery

Características de VisualLightBox

 

Descargue VisualLightBox

Descargar Edición Gratis para Windows

Descargar Edición Gratis para Mac

VisualLightBox JS es gratuito para uso no comercial.close popup window control

Un pequeño cargo es necesario para el uso comercial. VisualLightBox Edición de Negocios, además, proporciona una opción para quitar la línea de crédito VisualLightBox.com, así como una función para poner su propio logotipo a las imágenes.Después de completar el pago a través de la forma segura, usted recibirá una clave de licencia al instante por correo electronic que convierte el VisualLightBox Edición Gratuita en un Edición de Negocios. Usted puede seleccionar el método de pago más conveniente: tarjeta de crédito, transferencia bancaria, cheque, PayPal, etc.

Compre la Edición de Negocios para Win $49 Single Website $69 Unlimited Websites

Compre la Edición de Negocios para Mac $49 Single Website $69 Unlimited Websites

Apoyar

 

Para la solución de problemas, peticiones de características, y ayuda en general, de atención al cliente de contacto en Asegúrese de incluir los detalles de su navegador, sistema operativo, la versión de VisualLightBox, y un enlace (o el código correspondiente). popups on a mac

Cuestiones

 

Q:Instead of making one page with 40 photos, is there no property to make 2 or more pages?

A:You can do it in the following way:

1. Create your gallery in jQuery Thickbox Alternative and publish it on a local drive in any test folder.
2. Make two copies of the generated index.html file (for example index1.html and index2.html).
3. Open index.html, index1.html and index2.html files in any text editor.
4. Find code for the gallery inside the BODY tag and cut some part of the images, so you'll have different images on each page.

<!-- Start jQuery Thickbox Alternative.com BODY section -->
<div class="gallery">
<!-- leave the following code on index.html page -->
<a href="./data/images/1.jpg" rel="lightbox[sample]" title="Best Toy Ever"><img src="./data/thumbnails/1.png" /></a>
<a href="./data/images/8.jpg" rel="lightbox[sample]" title="PrueaMacro"><img src="./data/thumbnails/8.png" /></a>

<!-- leave the following code on index1.html page -->
<a href="./data/images/3.jpg" rel="lightbox[sample]" title="Macro Leaf."><img src="./data/thumbnails/3.png" /></a>
<a href="./data/images/11.jpg" rel="lightbox[sample]" title="Bell Pepper"><img src="./data/thumbnails/11.png" /></a>

<!-- leave the following code on index2.html page -->
<a href="./data/images/5_0.jpg" rel="lightbox[sample]" title="5"><img src="./data/thumbnails/5_0.png" /></a>
<a href="./data/images/6_0.jpg" rel="lightbox[sample]" title="6"><img src="./data/thumbnails/6_0.png" /></a>

<!--[if lte IE 6]><script src="engine/js/pngfix_vlb.js" type="text/javascript"></script><![endif]-->
<a id="vlightbox" href="http://jQuery Thickbox Alternative.com/">Online Photo Album Sharing by jQuery Thickbox Alternative.com</a>
</div>
<!-- End jQuery Thickbox Alternative.com BODY section -->

5. Create links to switch between your pages, for example:
<a href="index.html">1</a>  <a href="index1.html">2</a>  <a href="index2.html">3</a> 

Q:I want to change color of the overlay shadow? How can I do this?

A:Open engine\css\jQuery Thickbox Alternative.css and find the following code:

#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #FFF;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

set the background-color parameter :

#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #FF00FF;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}