Imagen mínima & LigthtBox de vídeo en JavaScript puro-BigPicture. js
| Autor: | henrygd |
|---|---|
| Views Total: | 2,293 |
| Sitio oficial: | Ir a la web |
| Actualizado: | September 25, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
BigPicture. js es un ligero, sin CSS, imagen adaptable & visor de vídeo/lightbox construido en javaScript puro. Soporta imágenes locales/remotas y videos de YouTube/Vimeo/HTML5.
Más características
- Spinner de carga de contenido.
- Subtítulos de imagen soportados.
- Elementos de desencadenador personalizados.
- Manejo de errores.
Install it via NPM:
npm install bigpicture
Funcionamiento
Importa el bigpicture en tu proyecto o carga directamente el archivo JavaScript en tu documento como este:
<script src="BigPicture.js"></script>
Cree un nuevo objeto BigPicture y especifique las fuentes de imagen/vídeo que desea mostrar en el lightbox.
BigPicture({
el: this,
imgSrc: '1.jpg'
});
BigPicture({
el: this,
gallery: '#image_container'
})
BigPicture({
el: this,
audio: '1.mp3'
});
BigPicture({
el: this,
vidSrc: 'html5.mp4'
});
BigPicture({
el: this,
ytSrc: 'VIDEO ID HERE'
});
BigPicture({
el: this,
vimeoSrc: 'VIDEO ID HERE'
}); Ocultar/mostrar el Spinner de carga.
BigPicture({
noLoader: false
}); Funciones de devolución de llamada opcionales.
BigPicture({
animationStart: function() {},
animationEnd: function() {},
onError: function() {
console.log('there was an error')
}
}); Registro de cambios
09/25/2018
- Agregar control de errores personalizado
