A drag control

[mattquantic]

Hi.

If you look at

http://search.msn.com/images/results.aspx?q=images&FORM=QBIR

At the top there is an element that allows people to control the size of all the images in the results pane.

I'm not looking to emulate the image size stuff, but I am trying to workout how to make something siumilar to the control - do people can move a dragger to set the value of something.

Is this JS? Anyone know of any working examples?

Matt

 

[adam0101]

What you want is a Slider control. I've used the WebFX one before, I'm sure there are others that are very good as well.

Adam

http://adameslinger.blogspot.com/

 

[BabyJeffy]

You could do this with javascript (and I'm sure it is). Give all the images you want to control a common CSS class. Then, when you want to resize them, iterate through and update their width property. Assuming the images are floated left (sayu) then they will all re-flow using CSS. I'd pick a max image size to show, and then resize down by merely changing the width/height properties (not a true resize of course).

Cheers,
Jeff

[tt]Jeff's Page @ Code Couch

http://www.codecouch.com/jeff/blog/

http://www.coedit.co.uk/

[/tt]

What is Javascript? FAQ216-6094

 

[BabyJeffy]

Oh, The Dojo framework has a bunch of these slider widgets... sorry if that's all you were really after.

Cheers,
Jeff

[tt]Jeff's Page @ Code Couch

http://www.codecouch.com/jeff/blog/

http://www.coedit.co.uk/

[/tt]

What is Javascript? FAQ216-6094

 

[mattquantic]

Wow - thanks for all the links and info everyone

> getting down to some testing now

Thanks loads!