如何用javascript做一个滚动条控制器

我想做一个滚动条横向的就是一个横向的细长条
上面有个 bar--按钮可以左右被拖动我想通过这个滚动条来控制一件事情--有一个区域显示图片我通过拖动滚动条可以控制图片转换的速度
例如：如果把那个按钮拖到最左侧则是最慢 30s 换一次图片如果我往右拖一点转换图片的速度就会快一点以此类推这样的东西应该怎么做请大家帮忙给些指示给些例子给写代码
谢谢大家