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
Si te ha gustado este post no olvides suscribirte al feed para estar al tanto de las novedades
[...] Excerpt from: jBreadCrumb: “migas de pan” inteligentes [...]
Feed RSS de los comentarios de este post.
Alojado en RedCoruna Hosting
¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información
El principal motivo por el que no recomiendo utilizar Smarty es porque el propio PHP tiene una sintaxis embebida, lo que permite utilizarlo sin más para escribir plantillas web.
Guerra Creativa es una comunidad para Creativos. Nosotros te proporcionamos el campo de batalla y el armamento para conquistar el mundo creativo. A través de concursos de diseño web y de logos, l…
Con este Ebook puedes tener un sitio web con hospedaje y domino gratis, ademas de un CMS gratis, no debes registrarte en nada, lo unico que debes hacer es luego de leerlo compartirlo, regalarlo, si…
Lista de 32 sitios para descargar imagenes gratis, es una recopilacion de no uno ni dos sino 32 Bancos de Imagenes
Post para aprender a descargar las conocidas librerías de Evermotion para diseñadores que trabajan con 3Ds Max.
¿Qué medidas de seguridad se tienen en cuenta en el momento de implementar una subida de archivos en PHP?
¡Hola!
El componente Auth del framework CakePHP guarda las páginas en la memoria cache de IE7 (o eso es lo que creo haber entendido).
Para que no lo haga, he añadido los campos Ca…
Theresa Neil realizó un extraordinario análisis de 12 diseños estándar de interfases web como parte de su libro Diseñando Interfases Web: Principios y pautas para la interacción
50 herramientas extremadamente útiles para PHP
Tendencias de diseño de botones de ”llamada a la acción”
Ver más noticias de los usuarios
Muchas gracias por la informacion, justo ahora ando recabando informacion sobre las migas de pan y me interesa mucho..
saludos
Hola tengo que hacer una página web que tenga migas de pan, y nunca las he echo, hay otra forma de hacerlas sin el plugin? Gracias
Las migas de pan no son más que una lista de enlaces que guían al usuario, si estás elaborando tu página con html sólo tendrás que crear una lista e ir incorporando los diferentes enlaces (generalmente marcando el camino que ha seguido el usuario hasta llegar a la página en que está) y darle estilo con CSS.