Skip to content

meliveloz/cardify

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

66 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

GitHub issue age licence npm npm

Cardify


Es un plugin de jQuery para Bootstrap que permite que tus imágenes almacenadas dentro de un contenedor sean envueltas por un nuevo elemento <figure> que a su vez posee un <figcaption> con el texto del atributo alt de la imagen. Además al pasar el mouse sobre la imagen lograremos ver el contenido del <figcaption>.


Requerimientos Técnicos

El proyecto fue realizado con las siguientes dependencias NPM:

Dependencias de Producción
  • JQuery ~v. 3.2.1
  • Bootstrap ~v. 3.3.7
  • Jsdom ^11.6.1
  • Browserify ^15.2.0
Dependencias de Desarrollo
  • Chai ^ 4.1.2
  • Mocha ^ 5.0.0
  • Browserify ^ 15.2.0

Uso

  • Debes usar class = 'cardify' en el elemento que contiene las imagenes.
  • Recuerda usar la class de bootstrap class='img-responsive' en tus imagenes.
  • Debes incluir el atributo alt en tus imagenes con el texto que desees.

  `Por último añade este CDN en tu html.
  <script type="text/javascript" src="https://rawgit.com/meliveloz/cardify/master/lib/main.js">

Ejemplo

Licencia

Demo

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 98.8%
  • HTML 1.1%
  • CSS 0.1%