cardify.js

Es un plugin de jQuery, que permite encontrar todas las imágenes dentro de un contenedor y ser envuelto por un nuevo elemento figure que contenga la imagen, además de un figcaption con el atributo alt de la imagen encapsulados.

¿Qué archivos se deben usar?

Los archivos que hay que tener en cuenta son:

jquery.cardify.css
jquery.cardify.js
¿Cómo incluir los archivos?

Vincular CSS en head:

<link rel="stylesheet" href="css/jquery.cardify.css">

Incluir script que vincule JS:

<script src="js/jquery.cardify.js"></script>
¿Cómo invocar cardify.js?

.cardify-mode es el contenedor donde se encuentran las imágenes a ser procesadas.

$('.cardify-mode').cardify();