Menú de navegación con efecto slide jQuery (by: http://www.kabytes.com)

Desde hace un tiempo están de moda los sitios que muestran todo su contenido en una sola pagina sin la necesidad de recargar cada una de las secciones. Para lograr esto y darle un toque animado es que existen plugins como Ferro Slider.

Ferro Slider es un plugin jQuery gratuito, que nos permite incorporar la funcionalidad de navegación por sliders, de forma muy sencilla, logrando un muy lindo efecto de transición entre las distintas opciones disponibles.

navegación slider jquery

Este plugin a su vez agrega funcionalidades de detección de teclas, permitiendo la navegación entre secciones simplemente usando las flechas del teclado. Además de obviamente la típica navegación por el menú de opciones, o bien, generando un pequeño mapa del sitio por medio de puntos.

En la web oficial del plugin se pueden ver distintos ejemplos de uso, utilizando solo las flechas, o bien el pequeño mapa de puntos, hasta un completo mixto de opciones.

La estructura necesaria para utilizar este plugin es de lo más simple, basta con indicar una clase en particular a las distintas divs que serán las secciones y listo. Luego agregaremos contenido a cada div utilizada como sección e inicializamos el plugin con apenas una linea de código.

$(document).ready(function() {
    $('.slidingSpaces').ferroSlider();
});

Si van a utilizar este plugin les recomiendo leer muy bien la documentación oficial, desde ahí pueden aprender a configurar distintos parámetros que modifican la forma de animar el contenido.

Una alternativa similar: animar contenido con Ascensor.

Web: Ferro Slider



original post: http://bit.ly/p3qcFa

via ifttt
Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: