SitePoint Sponsor

User Tag List

Results 1 to 6 of 6

Hybrid View

  1. #1
    SitePoint Enthusiast
    Join Date
    Jun 2011
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    I need a Vertical Image scroller badly (non flash)help

    Hello everyone

    This site has example of exactly what I need.

    :: BIG ISLAND LIVE ::
    uses one on the right side that is built with flash but
    I need one for a non flash site (so anti flash on this one)....

    CSS, JS, Jquery or whatever works etc... is what I'm looking for not flash.

    It would be cool to have mouse events such as move up or down images
    and click-able links too. But the deal breaker for sure is I need click-able links and auto scroll.

    It's got to be vertical I searched everywhere no luck.

    this is closest I found but no auto scroll mode and no click-able links
    Create a Scrolling Menu: Result
    Create a Vertical Scrolling Menu with CSS and jQuery

    can anyone help?

  2. #2
    SitePoint Enthusiast
    Join Date
    Jun 2011
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    ?

  3. #3
    SitePoint Wizard
    Join Date
    Jul 2003
    Location
    Kent
    Posts
    1,921
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    The example given IS clickable links - they just go to the demo page itself.
    Or do you mean clickable text?

  4. #4
    SitePoint Enthusiast
    Join Date
    Jun 2011
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have to check a little deeper but links arent working on their demo page for me
    but the real show stopper is

    is there a way to make it automatically scroll on page load?

    auto scroll without need to mouse over would be awesome

    is this possible?

  5. #5
    om nom nom nom Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,233
    Mentioned
    47 Post(s)
    Tagged
    1 Thread(s)
    I have to check a little deeper but links arent working on their demo page for me
    Because they've set the demo to go to # which is just the page they are on.
    Code:
    <a title="Menu" href="#"><img src="img/1.jpg" alt="Menu"/></a>
    Change href="where you want".

    But it's broken in my browser (Create a Scrolling Menu: Result) because they've made the scroller taller than my screen (or, hidden page overflow), meaning I can never reach the bottom. Guess they expect everyone to have a ginormous AppleCinema screen or something.

    I've used the jQuery SmoothScroll thingie which is for horizontal scrolling, but I figure left and right can be substituted for top and bottom. I had to add a bunch of extra code to make it accessible without JS (the way Create a Scrolling Menu is without JS) and had to redo the buttons (which you don't need to use), but after that it worked pretty well. Since it doesn't limit its events to mouse, it'll also start scrolling onload. It's practically guaranteed to annoy your visitors quite well.

  6. #6
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,821
    Mentioned
    158 Post(s)
    Tagged
    4 Thread(s)
    Moved to Javascript Forum


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •