Fondo-tamaño: cubrir como solución de imagen adaptable-CoverImage
| Autor: | thisislawatts |
|---|---|
| Views Total: | 1,416 |
| Sitio oficial: | Ir a la web |
| Actualizado: | April 11, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
CoverImage es una solución de imagen de respuesta JS pura que se estira dinámicamente y recorta una imagen para llenar su contenedor principal en la ventana de tamaño. Similar a la CSS3's fondo-tamaño: cubierta propiedad.
Funcionamiento
Sólo tiene que poner el archivo coverimage. pkgd. js en la página web y estamos listos para ir.
<script src="dist/coverimage.pkgd.js"></script>
Envuelva la imagen en un contenedor con el atributo ' Data-Cover-Image ' como sigue:
<div id="container" class="eg" data-cover-image> <img src="example.png" width="800" height="400"> </div>
