Complemento de zoom de imagen con función táctil con JavaScript

Tiempo de ejecución: 30 minutos. Empezar

Autor: reskilldev
Views Total: 2,839
Sitio oficial: Ir a la web
Actualizado: December 6, 2017
Licencia: MIT

Vista prévia

Complemento de zoom de imagen con función táctil con JavaScript

Descripción

Una biblioteca de zoom de imagen simple y multiplataforma escrita en JavaScript puro.

Características

  • Haga zoom en una sola y doble clic/TAP.
  • Acercar/alejar con la rueda del ratón.
  • Acercar/alejar con golpe táctil y pellizcar.

Funcionamiento

Descargue e inserte el archivo JavaScript principal en el documento HTML.

<script src="js/directive.js"></script>

Inserte la imagen en un contenedor de "zoom". Eso es todo.

<div class="zoom">

<img class="media" src="https://picsum.photos/3000/1800/?random" alt="test1">
</div>

Te puede interesar: