Diagonal Fade es un pequeño plugin jQuery, de apenas 4kb en su versión comprimida, que podemos utilizar para animar de una manera muy simple nuestros sitios web.
Con este plugin, y en pocos minutos, vamos a poder lograr excelente efectos de fade-in y fade-out con tan solo pasarle por parámetros el identificador del contenedor.
En el sitio oficial pueden encontrar una demostración.
Un ejemplo de instalación y utilización de este plugin podría ser el siguiente:
$("#container").diagonalFade({
time: 100,
fadeDirection_x: 'left-right', // "left-right" || "right-left"
fadeDirection_y: 'top-bottom', // "top-bottom" || "bottom-top"
fade: 'out', // "in" || "out"
complete: null // callback function
});
El plugin es simple, pero puede ser muy útil en casos específicos. Algo positivo es que en ningún momento tenemos que indicarle la cantidad de elementos ni el tamaño de los mismos, todo este proceso lo realiza de forma automática el plugin.
Web: Diagonal Fade
diego
14 años ago
Está bueno el efecto, muy vistoso para páginas web, pero tengo una duda, soy novato en programación y no hallo la manera de lograr que el efecto de fade inicie al hacer click y solo se haga una sola vez. Me pueden iluminar? lo agradeceria bastante.
Saludos, muy buen blog.