1.0.0 • Published 6 years ago

cardifyproyectdemo v1.0.0

Weekly downloads
3
License
ISC
Repository
github
Last release
6 years ago

Proyecto Cardify

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.


Requerimientos Técnicos

El proyecto fue realizado con los siguientes recursos:

  • Dependencias de Producción

    • jQuery ~v.3.3.1
    • Materialize ~v.0.100.2
  • 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

Ejemplos

Inicialmente tu código se vería así:

codigo html

Al aplicar el plugin cardify, tu estructura se verá así.

codigo html con plugin cardify.js

Al pasar el cursor sobre las imagenes veras este efecto.

gif ejemplo