Cardify es un proyecto diseñado para Laboratoria, es una librería (plugin) de JQuery que se ejecuta en un contenedor con la clase imageToWrap, buscando todas las imágenes que encuentra dentro del contenedor y reemplazándolas por un nuevo elemento <figure>
que contiene la imagen además de un <figcaption>
con el texto del atributo alt de la imagen.
El proyecto fue realizado con los siguientes recursos:
-
Dependencias de Producción
- jQuery
~v.3.3.1
- Materialize
~v.0.100.2
- jQuery
-
Dependencias de Desarrollo
- Chai
~v.4.1.2
- Mocha
~v.5.0.0
- Node.js
~v.9.4.0
- Eslint
~v.4.16.0
- NPM
~v.5.6.0
- Uniq
~v.1.0.1
- Chai
Inicialmente tu código se vería así:
Al aplicar el plugin cardify, tu estructura se verá así.
Al pasar el cursor sobre las imagenes veras este efecto.