Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript cycle through images with a custom scroll bar

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #35149
    indian
    Member

    Hey friends,

    This is what I’m trying to do:

    I have a set of images that create a scroll bar … (a left and right arrow, a dot for the position on a scroller).

    I also have a set of 10 images that are frames from a video… when flipped (or scrolled) through, they create an animation.

    What I’d like to do is turn the arrows and dot into a custom scroll bar that displays one animation image at a time.. so that you can scroll through the animation.

    I’ve been trying to find some snippets that I can put together to achieve this effect but I’m having trouble.

    Thanks!

    #90584
    indian
    Member

    i think this could be achieved with the jQueryUI slider, although its pretty important to me that the arrows in my scroll bar make the slider move also. I’m not sure if there is a (relatively) easy way to get arrows into the mix with the jQueryUI slider…

    anyone know?

    #90590
    Mottie
    Member

    Hi Indian!

    I started out with the jQuery UI side scroll demo and added buttons… it’s too much code to post here, but I made a demo for you. :)

    #90601
    indian
    Member

    ah thats very kind. thanks for this Mottie!

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.