HTML Popup Window
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.
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.pop up vista style
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.
|
|
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). fade in popup on mouse click
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: <!-- Start jQuery Thickbox Alternative.com BODY section -->
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.
<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 -->
<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{ #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;
}
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;
}