Activate your free membership today | Log-in

Friday, August 12th, 2005

Rich HTML Slider

Category: Examples

The gurus from webfx have long been on the scene showing us cool innovative ways of doing rich work on the web.

Now they have a nice demo of a dhtml slider

dhtmlslider.jpg

Posted by Dion Almaer at 10:02 am
5 Comments

++++-
4 rating from 24 votes

5 Comments »

Comments feed

I was playing with a similar slider control for a project demo page (JS fireworks parameter controls). The sliders are animated as well via JS.

Demo here (down page a bit)..
http://www.schillmania.com/projects/fireworks/

I’m using DT/DD elements to classify the control “label” and expected range of values (eg. 0-100), the only missing item is a degradable input element (since this demo is for a JS library.) Actually using LABEL may have also been more semantically accurate than a DD in this case.

Comment by Scott Schiller — August 12, 2005

I used the webfx sliders in almost the same way to test colour contrast. http://www.snook.ca/technical/colour_contrast/colour.html

Comment by Jonathan Snook — August 12, 2005

Very nice stuff guys!

Dion

Comment by Dion — August 15, 2005

It’s a shame none of the controls mentioned above is really accessible.
To achieve this, you’d need to allow the slider cursor to acquire focus (e.g. wrapping it in an a element) and also to handle keyboard events.

Comment by Rasqual — September 29, 2005

christian
louboutin

christian
louboutin shoes

christian
shoes

louboutin
shoes

christian
louboutin sale

christian
louboutin discount

christian
louboutin sale

Christian Louboutin Boots

Christian Louboutin Pumps  

Christian Louboutin Shoes

Christian Louboutin Sandals

Comment by christianlou — March 8, 2010

Leave a comment

You must be logged in to post a comment.