cardify_bootstrap
* **Track:** _Common Core_ * **Curso:** _JS Deep Dive: Crea tu propia librería usando JavaScript_ * **Unidad:** _Producto final_
Last updated 2 years ago by melivalvane .
ISC · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install cardify_bootstrap 
SYNC missed versions from official npm registry.

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

Current Tags

  • 1.0.0                                ...           latest (2 years ago)

1 Versions

  • 1.0.0                                ...           2 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 1
Dependencies (7)
Dev Dependencies (1)
Dependents (0)
None

Copyright 2014 - 2017 © taobao.org |