Menú de navegación con efecto slide jQuery

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