Need help with on slider, change image

Hello,

I am trying to replicate(not fully) the functionality of the flash below but with html.
http://www.forestersfriendlysociety.co.uk/saving-for-children/child-tax-exempt-savings-plan/savings-calculator/ (Press Calculate)

Essentially what my aim is that when the slider has been dragged, a new image is changed according to the value of the slider.

Any help would be greatly appreciated. :)

An example is like below.
http://www.visibilityinherit.com/code/scroller7-example.php

But instead when the vertical slider is moved, only one image is shown.