Posts Tagged ‘jquery’

Javascript: Shortening a breadcrumb using JQuery

Wednesday, January 27th, 2010

A lot of sites these days use breadcrumb trails to make navigation easier for their users. This is essentially a list of every parent category/section of the page you're on, and might look something like this:

Home > About us > Meet the team

Each of these is typically a hyperlink back to the relevant section. Now these are great, but what happens if your breadcrumb isn't that small? It's easy to see a situation where you have a bunch of really long titles that cause the breadcrumb to span over two or three lines. This isn't always what you want, since it can make the breadcrumb look broken. You might just decide to make some of the titles smaller, but with content managed sites and page names stuffed with SEO keywords, this is often easier said than done.

(more…)

Gallery Carousel v1.1

Saturday, June 6th, 2009

Gallery Carousel is a JQuery Plugin which creates a sliding gallery of image thumbnails that can be clicked to view a full size image.  The full size image can also have a caption and/or hyperlink.  The plugin is configurable and easy to set up, requiring little markup.

(more…)

Gallery Carousel v1.0

Sunday, May 24th, 2009

Gallery Carousel does what it says on the tin. It’s part image gallery, part carousel. It provides an unordered list of images which can be scrolled horizontally. When an image is clicked or the list is scrolled, the main image is updated to the larger version of the thumb. In order to use Gallery Carousel you must include jQuery 1.3.2 before you create a new carousel. Creating a carousel requires relatively little markup, just a list of images, a couple of links to navigate and an image to represent the full size image.

(more…)