Visor de imágenes de pantalla completa minimalista/Lightbox en JavaScript-IMG-BOX
| Autor: | krittanon-w |
|---|---|
| Views Total: | 854 |
| Sitio oficial: | Ir a la web |
| Actualizado: | June 20, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
IMG-BOX es un plugin de JavaScript simple muerto para mostrar su imagen en una pantalla completa < a href = "https://wikicss.com/tag/image-lightbox/" > lightbox Popup.
Más características
- Superposición de fondo personalizado.
- Oculta < a href = "https://wikicss.com/tag/scrollbar/" > ScrollBar cuando se activa la lightbox.
- Animaciones de fundido de salida.
Funcionamiento
Sólo tiene que insertar el archivo JavaScript en el documento y estamos listos para ir.
<script src="img_box.js"></script>
Visualice la imagen original en el lightbox.
<img src="1.jpg" onclick="img_box(this)">
Mostrar otra imagen en el lightbox.
<img src="thumb.jpg" onclick="img_box('large.jpg')"> Personalice el lightbox de la imagen reemplazando las siguientes opciones.
// background color var bg_color_img_box = 'rgba(0,0,0,0.9)' // hides scrollbars var allow_hide_scroll_img_box = 'yes' // enables fade in/out animations var use_fade_inout_img_box = 'yes' // animation speed var speed_img_box = 0.08 // z-index var z_index_dv_img_box = 999
