Biblioteca de carga de imágenes progresiva-Antimoderado. js
| Autor: | whackashoe |
|---|---|
| Views Total: | 3,980 |
| Sitio oficial: | Ir a la web |
| Actualizado: | November 6, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
Antimoderado. js es una biblioteca de JavaScript ligera e independiente para cargar progresivamente imágenes con un efecto de desenfoque para reducir el tiempo de carga de la página. Dependiendo del < a href = "https://github.com/flozz/StackBlur/" target = "_ blank" rel = "noopener" > StackBlur algoritmo creado por Mario Klingemann.
El objetivo es cargar y renderizar microimágenes muy borrosas en la página mientras se cargan imágenes de tamaño completo en el fondo que se reemplazan a medida que terminan.
Funcionamiento
Agregue una imagen al documento y utilice el atributo Data-antimoderado-idata para especificar la imagen borrosa codificada en Base64.
<img class="antimoderate" id="demo" data-antimoderate-scale="1" data-antimoderate-idata="data:image/jpg;base64, ..." >
Incluya la biblioteca JavaScript Antimoderada. js en su página web.
<script src="antimoderate.js"></script>
Activa el Antimoderado.
var img = document.getElementById('demo');
AntiModerate.process(img, img.getAttribute("data-antimoderate-idata"));
