jBreadCrumb: “migas de pan” inteligentes

jBreadCrumb: “migas de pan” inteligentes

En sitios donde la navegación profundiza bastante en páginas internas es siempre interesante facilitar al usuario la vida indicándole en todo momento donde se encuentra dentro de la jerarquía del sitio.

El método más empleado y práctico es el de las “migas de pan” o breadcrumbs (en inglés), con las que vamos indicando al usuario el camino y donde se encuentra con respecto a la home del sitio.
A veces, sobre todo si nuestras páginas tienen títulos largos, nos encontramos con el problema de encajar estas migas de pan en la estructura de la web. Para solucionarlo muchas veces recurrimos a limitar el número de pasos que mostramos pero esto no siempre es lo más cómodo para el usuario.

jBreadCrumb es un plugin para jQuery con el que podremos crear “migas de pan” que se colapsarán cuando sean muy largas o contengan muchos elementos, de esta manera el usuario seguirá disponiendo de la información pero sin molestarle demasiado visualmente.
Poner en marcha el plugin es tan simple como insertar el siguiente código:jQuery

(document).ready(function(){jQuery("#breadCrumb").jBreadCrumb();})

Podremos configurar varios efectos para cuando el usuario pase el ratón por encima de los elementos colapsados.

Para que funcione necesitaremos incluir en nuestras páginas la librería jQuery y el plugin easing.

jBreadCrumb: http://www.comparenetworks.com/developers/jqueryplugins/jbreadcrumb.html