I had a need for a Graphical volume control on a Web Page - it could be done by JavaScript I thought.

Well it could and I did it.

At the moment it is only tested to work on Internet Explorer. It also is best on 1024 x 768 resolution. (Sorry - if you wish, it can be converted to work with Netscape as well - but my target audience only use IE, so I did not bother)

There are several pages that demonstrate ways in which it could be used. They are shown below.

First, a simple slider that adjusts between 0 and 100 per cent. Click here to see it

Whoops !! - on the places that I used the slider for "real", I put the code in that allows you to move the button by clicking on the arrows at the top and bottom of the track. One of the folks looking at the demo pages mentioned here has pointed out that the arrows do not work. That was an oversight and when I get a few moments, I will put the code in for the first example given in here. Sorry, but the examples do give the idea and you can use them as a basis for your own future development.

Second, a pair of sliders that move me around the screen. Click here to see it

Not a lot of use, but it illustrates the facility !!

Third (and last), three sliders being used to change colours. Click here to see it

Finally, if you want the code, the is a .ZIP file that contains the code and graphics

You may use and adapt it freely. I would be interested (if you have the time, energy and inclination) to see any examples of how you use it !!