Descripción Ejemplo Demostració Descargue Apoyar Cuestiones

JQuery ThickBox

Descripción general

VisualLightBox JS es un programa libre asistente que te ayuda a generar fácilmente galerías de fotos web con una caja de luz agradable efecto de superposición de estilos, en unos pocos clics sin tener que escribir una sola línea de código.

No JavaScript, CSS, o HTML codificación ni de edición de imágenes, a un solo clic puede obtener su galería lista.

More Demos Free Download

jQuery Thickbox Alternative Windows version - Main Window

jQuery Thickbox Alternative Windows version - Thumbnails Tab

jQuery Thickbox Alternative Mac version - Thumnails Tab

jQuery Thickbox Alternative Windows version - Templates Tab

jQuery Thickbox Alternative Mac version - Main Window

Este conjunto de imágenes es generado por thickbox. Clic en cualquier imagen para ejecutar galería.

Características de VisualLightBox

Extensiones para jQuery plugin o Prototype
Cruz flotante y suave transición de fundido
Slideshow con la opción de arranque automático
Versiones para Windows y Mac
Compatible con XHTML
Efecto de zoom con la sombra de superposición de
Las esquinas redondeadas de la ventana de superposición
Imágenes de gran tamaño apto para la ventana del navegador
Una gran cantidad de temas linda galería
Imagen de rotación y de alta calidad de imagen de escala con anti-aliasing
La creación automática de miniaturas
Agregar título
FTP incorporado

Descargue VisualLightBox

Descargar Edición Gratis para Windows

Descargar Edición Gratis para Mac

VisualLightBox JS es gratuito para uso no comercial.examples of embeded flickr links

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). flickr slideshow embed remove background color

Cuestiones

C:¿Cómo integrar la galería VisualLightBox en una página existente?

R:Para instalar la galería VisualLightBox en su página usted debe:

1. Crear su galería en VisualLightBox y publicarlo en una unidad local en cualquier carpeta de prueba.
2. Abrir el archivo index.html de la carpeta guardada en cualquier editor de texto.
3. Copia el código para la sección HEAD y pegarlo dentro de la sección HEAD de su propia página web, por ejemplo:

<head>
...

<link rel="stylesheet" href="engine/css/vlightbox.css" type="text/css" />
<style>#vlightbox a#vlb{display:none}</style>
<link rel="stylesheet" href="engine/css/visuallightbox.css" type="text/css" media="screen" />
<script src="engine/js/jquery.tools.min.js" type="text/javascript"></script>
<script src="engine/js/visuallightbox.js" type="text/javascript"></script>

...
</head>

4. Copia el código para la sección BODY y pegarlo dentro de la sección del BODY de su propia página web en el lugar donde usted desea tener una galería, por ejemplo:

<body>
...

<div id="vlightbox">
<a class="vlightbox" href="data/images/dscn6831.jpg" title="DSCN6831"><img src="data/thumbnails/dscn6831.png"><span></span></a>
<a class="vlightbox" href="data/images/dscn6823.jpg" title="DSCN6823"><img src="data/thumbnails/dscn6823.png"><span></span></a>
<a class="vlightbox" href="data/images/dscn6819.jpg" title="DSCN6819"><img src="data/thumbnails/dscn6819.png"><span></span></a>
<a id="vlb" href="http://visuallightbox.com">Photo Gallery For Web by VisualLightBox.com v2.1</a>
</div>

...
</body>

5.Copiar la carpeta de “data” con imágenes y vistas en miniature y copia la carpeta de ‘engine’ con .css y .js archivos en la misma carpeta con su propia página web.
Usted puede encontrar un ejemplo en nuestra página web:
http://www.visuallightbox.com/#example