Zoom de imagen en línea minimalista en JavaScript-amplificar
| Autor: | charlestati |
|---|---|
| Views Total: | 1,101 |
| Sitio oficial: | Ir a la web |
| Actualizado: | September 21, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
Amplify es una librería en línea ligera < a href = "https://wikicss.com/tag/image-zoom/" > Image zoom que permite a los usuarios aumentar el tamaño de las imágenes en sus posiciones originales. Pulse las teclas Intro y espacio para cerrar las imágenes ampliadas.
Funcionamiento
Incluye JavaScript ' Amplify. js ' y la hoja de estilos ' Amplify. css ' en la Página Web.
<link rel="stylesheet" href="amplify.css"> <script src="amplify.js" defer></script>
Simplemente agregue la clase CSS ' JS-Amplify ' a las imágenes de destino y la biblioteca hará el resto.
<img class="js-amplify" src="photo-1.jpg"> ... <img class="js-amplify" src="photo-2.jpg"> ... <img class="js-amplify" src="photo-3.jpg"> ...
