Cardify Reloaded

Jquery Plugin

Cardify Reloaded es un plugin que te ayuda a agregar un efecto de hover a tus imágenes. El pluggin encuentra todas las imágenes con clase 'cardify' y las reemplaza con un nuevo elemento figure que contiene la imagen y el figcaption con el texto que aparece en el atributo 'alt' de la imagen.

Instalación

Para instalar Cardify Reloaded en tu projecto sigue estos pasos:

1. Agrega Jquery a tu proyecto

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>"


2. Agrega la clase "cardify" a tus imágenes

<img class="cardify" src="ruta_a_tu_imagen" alt="titulo_de_la_imagen">


3. Descarga el archivo cardify.js y vincúlalo con tu html con la siguiente liga:

<script src="js/cardify.js"></script>


4. Puedes modificar los estilos utilizando las clases "principal" para el <figure> y "imgTitle" para el <figcaption>.

Demo

agua
cielo
otoño
cascadas
aurora
bosque