Cardify es un plugin de jQuery que aplica un efecto de hover a tus imágenes envolviendolas en una etiqueta `<figure>`, rescatando su descripción del atributo `alt` e insertando el texto en una etiqueta `<figcaption>`. Es fácil de usar y rápido de configur
Cardify es un plugin de jQuery que aplica un efecto de hover a tus imágenes envolviendolas en una etiqueta , rescatando su descripción del atributo alt e insertando el texto en una etiqueta . Es fácil de usar y rápido de configurar.
Instalación
$3
#### .html
``
`
$3
#### .js
` var cardify = require('cardify');
`
1. Para que el plugin funcione primero debes inicializar tu proyecto en la terminal con el comando
npm init
2. Descargar cardify desde tu terminal con el comando
npm install cardify
3. Para que tu proyecto se vea en el navegador debes instalar Browserify de manera global en tu computadora con el siguiente comando en tu terminal
npm install -g browserify
Luego crea en la raíz de tu proyecto las carpetas src y dist con el archivo app.js dentro de cada una, luego ejecuta browserify de la siguiente manera para que tu js original que se encuentra en la carpeta src se guarde modificado en la carpeta dist
browserify src/app.js -o dist/app.js
4. Enlaza el archivo 'Browserificado' en tu .html
5. En tu archivo .js principal pega el siguiente código
var cardify = require('cardify');
6. Finalmente, recuerda poner tus imagenes dentro de una etiqueta contenedora con clase cardify y asignarle el atributo alt como en el siguiente ejemplo.