Spoiler Alert!: Ocultar información (texto e imágenes) con jQuery

Spoiler Alert! es un interesante plugin jQuery para incorporar a nuestros proyectos que necesitan ocultar determinada información, ideal para sitios como por ejemplo con temáticas de series de televisión que no quieren mostrar a sus lectores spoilers de sus series favoritas.

Este plugin oculta la información al usuario, no así a los buscadores que no notan ninguna diferencia de un texto html convencional. El texto se oculta mediante un efecto blur, en caso de que el usuario desee revelar la información esto lo logrará mediante un simple click del ratón.

Un detalle importantísimo es que el plugin no solo permite ocultar texto, sino que también imágenes, también repitiendo el efecto blur, tal y como se muestro en la captura a continuación.

jQuery spoiler alert ocultar informacion

Ejemplo de uso

$ ('spoiler, .spoiler').spoilerAlert({max: 10, partial: 4});

Como podrán ver utilizar este plugin es muy fácil. Ademas es compatible con la mayoría de los navegadores modernos, se encuentra completamente testeado en: Chrome, Firefox, Safari y Safari para móviles.

Web: Spoiler Alert!

Categorizado en: