Control deslizante de comparación de imágenes táctil con JavaScript
| Autor: | Paul-Browne |
|---|---|
| Views Total: | 2,084 |
| Sitio oficial: | Ir a la web |
| Actualizado: | November 8, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
Un plugin de comparación de imágenes JavaScript simple, adaptable y amigable con los dispositivos móviles para < a href = "https://wikicss.com/tag/image-comparison/" > Compare fotos antes/después con un deslizador de comparación de imagen que reacciona al arrastre del ratón y toque swipe.
Funcionamiento
Inserte el Image-Comparison-Slider Image-Comparison-Slider. CSS y . js en el documento HTML.
<link href="image-comparison-slider.css" rel="stylesheet"> <script src="image-comparison-slider.js"></script>
Cree el código HTML para el contenedor de comparación de imágenes e inserte las suyas propias de la siguiente manera:
<div class="image-spliter"> <div class="mover"></div> <img class="img-left" src="https://picsum.photos/600/450/?random"> <img class="img-right" src="https://picsum.photos/g/600/400"> </div>
