Hover over a number for details. Use the scroller beneath the image to view the rest of the bar.
Hover over a number for details. Use the scroller beneath the image to view the rest of the bar.
function handleSliderSlide(e, ui) { var maxScroll = $("#bar-scroll").attr("scrollWidth") - $("#bar-scroll").width(); $("#bar-scroll").attr({scrollLeft: ui.value * (maxScroll / 100) }); }
// initialize tooltip $("#bar-scroll a[title]").tooltip({
// tweak the position offset: [10, 2],
// use the "slide" effect effect: 'slide'
// add dynamic plugin with optional configuration for bottom edge }).dynamic({ bottom: { direction: 'down', bounce: true } });
This article appears in the June 2011 issue of The Washingtonian.