super-pictures
v1.1.0
Published
Imágenes interactivas con efectos hover.
Downloads
7
Readme
Cómo funciona?
Envolverá a tus imagenes con etiquetas figure
, la descripción que agregaste al atributo alt
se almacenará en una etiqueta figcaption
, mostrándose en el efecto hover.
Instrucciones de instalación
Desde npm
En la terminal debes posicionarte en la carpeta de tu proyecto e introducir el comando
npm init
, se creará el archivopackage.json
.Luego introducir el comando
npm install super-pictures
para que se instale el package.Antes de finalizar el body de tu proyecto debes introducir estos dos scripts
<script src="node_modules/super-pictures/lib/main.js"></script>
<script>$('.container').cardify({});</script>
- Debes tener esta estructura en tus imagenes
`
Método CDN
Antes de que termine el body de tu proyecto debes linkear
<script src="https://cdn.rawgit.com/carol-solivos/cardify/superpictures/lib/main.js"></script>
Debes tener esta estructura en tus imagenes
`
Dependencias
Desarrollo
- Eslint v4.15.0
- Mocha
- Chai
- babel
- Browserify
Producción
- Bootstrap 4.0.0
- JQuery
Autoras
Carol Sepúlveda & Vanessa Martínez
Licencia
The SCI License
Copyright (C) 2018 ~ Super-Pictures