Grow your CSS skills. Land your dream job.

What do you call this…?

  • # May 6, 2013 at 11:55 am

    I know what I’d like to do, just no idea what it’s called so I can search for a tutorial.

    I’m looking for a tutorial on creating next/previous links in a portfolio that are aligned to the outer edges of the user’s browser window. They usually move with your scroll through some jQuery trickery.

    [They look like this](http://s10.postimg.org/5tvk61ibt/example_1.png “”) (beautiful mockup, I know.)

    Anybody know what this is called and/or have a link to a tutorial?

    # May 6, 2013 at 12:32 pm

    That looks like a basic Carousel / Slider. There’s only about a billion of them out there. Shouldn’t be too hard to find one that fits your needs.

    Personally, I’m a fan of NivoSlider. Super simple and easily styled.

    # May 6, 2013 at 2:23 pm

    @siouxfan45 – mcJohnst is right there are tons of the jquery plugins available all you need to do is pick one and wire it up to your layout.

    After reading your post once more I can’t help but wonder if your actually asking how to make the buttons stick to the left and right sides of the screen/page. Thats done via “position: fixed” an example using your mock up can be found here [http://codepen.io/wmwood/pen/mDFBe](http://codepen.io/wmwood/pen/mDFBe “http://codepen.io/wmwood/pen/mDFBe”)

    It’s not pixel perfect but you’ll get the idea.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".