Plugin de JavaScript para imagen adaptable color de fondo-fondos adaptables
| Autor: | benhowdle89 |
|---|---|
| Views Total: | 3,023 |
| Sitio oficial: | Ir a la web |
| Actualizado: | January 8, 2014 |
| Licencia: | MIT |
Vista prévia
Descripción
Fondos adaptables es un complemento de JavaScript independiente combinado con RGBaster. js que permite extraer el color dominante de una imagen y aplicarlo al fondo de su elemento primario. Sin tener que incluir la biblioteca jQuery. Adaptativo fondos plugin escaneará su HTML para todas las imágenes con el Data-Adaptive-Background atributo y aplicar su color dominante al fondo del elemento primario de la imagen.
Uso básico
Cree un contenedor e inserte una imagen con el atributo Data-Adaptive-Background en ella.
<div class="imgWrap"> <img class="center" src="1.jpg" data-adaptive-background="1" /> </div>
Incluya script Adaptive-backgrounds. js al final de su documento HTML.
<script type="text/javascript" src="adaptive-backgrounds.js"></script>
Llame a la función y ya está.
<script type="text/javascript"> AdaptiveBackgrounds(); </script>
