What we're aiming to achieve over the course of this example is to produce a small widget that visitors to your site could use to dynamically change the font size of text on the page in a visually appealing manner.
I know that the font-size of any given page can easily be adjusted by your visitors using the native method of their browser's UI, but it's a nice effect to have directly on your own pages, it promotes usability, and would sit nicely in a "user control panel" area of your site/page.
The screenshot below demonstrates how our slider will appear by the end of this example:
The required dependencies for Slider are the ever-present yahoo-dom-event.js, dragdrop-min.js
and of course, slider-min.js
. We will also use the optional animation-min.js
. You can try the example both with and without. The only way to notice it's there is by clicking in the bar and letting the thumb reach that place instead of dragging the thumb itself. Slider requires slider...