Entrega de imagen de fondo adaptable con vanilla JavaScript
| Autor: | webatvantage |
|---|---|
| Views Total: | 2,252 |
| Sitio oficial: | Ir a la web |
| Actualizado: | March 25, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
BG-responsive. js es una biblioteca de JavaScript vainilla que permite cargar inteligentemente las imágenes de fondo apropiadas según el tamaño de pantalla en el que estés viendo.
Funcionamiento
Cargue la biblioteca JS BG-responsive. js en su proyecto.
<script src="js/bg-responsive.js"></script>
Agregue sus imágenes de fondo con diferentes resoluciones en el contenedor usando los atributos Data-*.
<div class="bg-responsive" data-xs="img/xs.jpg" data-sm="img/sm.jpg" data-md="img/md.jpg" data-lg="img/lg.jpg"> </div>
Obtenga el punto de interrupción actual.
ResponsiveBackgrounds.init();
Observe los cambios de punto de interrupción.
ResponsiveBackgrounds.update({interval: 500});
