Comparar dos imágenes superpuestas usando juxtapose. js
| Autor: | NUKnightLab |
|---|---|
| Views Total: | 4,309 |
| Sitio oficial: | Ir a la web |
| Actualizado: | December 3, 2014 |
| Licencia: | MIT |
Vista prévia
Descripción
Juxtapose. js es una biblioteca JavaScript independiente que le permite comparar dos imágenes superpuestas con un control deslizante antes/después.
Funcionamiento
Incluya el juxtapose. CSS en la sección Head de la Página Web.
<link rel="stylesheet" href="juxtapose/css/juxtapose.css">
Agregue dos imágenes superpuestas a su página web como se indica a continuación. Utilice HTML5 Data-startingpositio n para especificar la posición de mirada del deslizador antes/después.
<div class="juxtapose" data-startingposition="30%"> <img src="1.jpg" data-label="Before" alt="Before"> <img src="2.jpg" data-label="After" alt="After"> </div>
Incluya el juxtapose. js en la parte inferior de la Página Web. Hecho.
<script src="juxtapose/js/juxtapose.js"></script>
Registro de cambios
12/20/2017
- v1.2.0
