1.0.0 • Published 6 years ago
cardify_reloaded v1.0.0
Cardify Reloaded
¿Qué es? Es un plugin de jQuery que agrega un efecto de blur a las imágenes que tengan la clase cardify que encuentre dentro de un contenedor y las reemplaza por un nuevo
elemento <figure>
que contenga la imagen <img>
además de un <figcaption>
con el texto del atributo alt
de la imagen.
Elaborado con:
Instalación
- Agrega Jquery a tu proyecto
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
- Agrega la clase "cardify" a tus imágenes
<img class="cardify" src="ruta_a_tu_imagen" alt="titulo_de_la_imagen">
- Descarga el archivo cardify.js y vincúlalo con tu html con la siguiente liga:
<script src="js/cardify.js"></script>
- Puedes modificar los estilos utilizando las clases "principal" para la etiqueta <figure> e "imgTitle" para la etiqueta <figcaption>.
Belén y Elvia
1.0.0
6 years ago