La biblioteca JavaScript de zoom y panorámica de imagen básica

Tiempo de ejecución: 30 minutos. Empezar

Autor: theuves
Views Total: 111
Sitio oficial: Ir a la web
Actualizado: March 19, 2019
Licencia: MIT

Vista prévia

La biblioteca JavaScript de zoom y panorámica de imagen básica

Descripción

zoom. js es un plugin de zoom de imagen de JavaScript muy pequeño que proporciona funciones básicas de zoom de imagen y panorámica a imágenes de productos.

Haga clic en la imagen para ampliar y panoramizar la imagen y mover el cursor para desplazar la imagen ampliada.

Funcionamiento

Importe el archivo JavaScript zoom. js en el documento.

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

Agregue el atributo Data-zoom al contenedor de imágenes.

<figure data-zoom>

<img src="https://source.unsplash.com/1600x900/?fitness" />
</figure>

Especifique el nivel de zoom máximo en el atributo Data-zoom-Max .

<figure data-zoom data-zoom-max="5">

<img src="https://source.unsplash.com/1600x900/?fitness" />
</figure>

Te puede interesar: