In principle, you can do that quite easily with HTML and CSS. You would just have all the images in a div, set a height on it and overflow: scroll etc. It’s not very slick, though, of course, so you could do something fancier with JS. It’s not really clear what you are looking for, though. Can you point to an example?
Thats my problem I can’t find anything out there that could do it. What I want is to have scrollbar on my page independent of the browsers one, that you can you can slide the handle of up and down. This would be linked to a stack of images (in my case slices from a CT scan) that change as the scrollbar handle is moved. The images should not slide themselves or have any funky stuff on it. They should show like they are one continuos object, bit like an animation of you going all the way through a person via their CT scan.
Close. but no cigar. I don’t want the images to slide in. and I want the scroll bar to be a separate object. The reason for this is so I can have a line on an image of a person to follow the handle to indicate approximately where on the body the current slice from the CT scan is.
I’m starting to get the impression (not from you per se) but from the wider community that no one really understands what I want or actually why anyone would want to do what I want to do as where ever I find examples like yours. As I said previously its oh so close but no cigar, Yet!
Sorry, I didn’t realize it needed to include a cigar. I don’t smoke, so …
I suspect what you are looking for can be done, but just needs to be coded from scratch in JS. (I still don’t really get what you are trying to do, though. Maybe a series of still sketches would help?)
I skimmed the thread (interesting idea, BTW) and my first question would be: do you want the pictures to change as the slider increases/decreases, or do you want the picture to change once the user stops sliding the slider?
I would probably opt for jQuery UI slider, due to its well documented API.