Antes/después de la biblioteca de comparación de imágenes-Comparimg
| Autor: | Sifawm |
|---|---|
| Views Total: | 3,350 |
| Sitio oficial: | Ir a la web |
| Actualizado: | March 21, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
Comparimg es una biblioteca de JavaScript para comparar imágenes antes/después con un control deslizante horizontal o vertical.
Funcionamiento
Pug el archivo CSS de Comparimg en la sección Head de la página HTML.
<link rel="stylesheet" href="comparimg.min.css">
Cree un elemento DIV para la interfaz de usuario de comparación de imágenes.
<div id="comparimg"></div>
Inicialice la Comparimg y especifique 2 imágenes diferentes que desee comparar.
cmp = new Comparimg('#comparimg', ['before.jpg', 'after.jpg'],
{
// options here
}); Todas las opciones disponibles.
- posición: Posición del deslizador
- modo : horizontal | vertical
- Images: array con la ruta de te antes y después de las imágenes
- move: Devolución de llamada al mover
- cambio: Devolución de llamada cuando el movimiento se completa
