Zoom de imagen de inspiración media en JavaScript simple-v-zoom

Tiempo de ejecución: 30 minutos. Empezar

Autor: vDiFoung
Views Total: 316
Sitio oficial: Ir a la web
Actualizado: January 2, 2019
Licencia: MIT

Vista prévia

Zoom de imagen de inspiración media en JavaScript simple-v-zoom

Descripción

Sin embargo, otro plugin de JavaScript para aplicar la funcionalidad de zoom inspirado en Medium.com en las imágenes dentro del documento.

Haga clic/toque para acercar y mostrar la imagen en una ventana emergente. Haga clic en la ventana emergente o desplácese por la página para reducir la imagen a su tamaño original.

Funcionamiento

Inserte la versión minimizada de la biblioteca v-zoom en su página web.

<script src="dist/js/v-zoom.min.js"></script>

Inicializa la biblioteca v-zoom en tus imágenes. Hecho.

VZoom.init("img");

Cambie el efecto de zoom a ' escala '.

VZoom.init("image", {

zoomEffect: "scale",

zoomPercentage: 60
});

Personaliza el color de fondo de la superposición emergente.

VZoom.init("image", {

backgroundColor: "rgba(0.0.0.1)"
});

Establezca la duración de la animación.

VZoom.init("image", {

duration: 279
});

Registro de cambios

01/02/2019

  • La actualización destruye

Te puede interesar: