Grow your CSS skills. Land your dream job.

How to implement Carousel with visible next/prev items

  • # March 1, 2013 at 8:48 am

    I’ve always been curious as to how to implement these things but as yet haven’t found a solution.
    Is there any guides/tutorials or plugins available across the web?

    Carousels such as that on bbc.co.uk (http://www.bbc.co.uk/) and the following

    TSG (http://www.tsg.com/)

    This is Durham (http://www.thisisdurham.com/)

    # March 1, 2013 at 9:56 am

    Hi.

    Check this ot

    http://www.tripwiremagazine.com/2012/12/jquery-carousel.html

    # March 5, 2013 at 8:32 am

    Thanks, not sure if theres anything there that answers my problem really

    # March 5, 2013 at 9:54 am

    You haven’t actually stated a problem other than ‘I can’t do this’ AFAICT.

    If you are having a **specific** issue in implementing a carousel we’ll be happy to help but we’re not going to do the heavy lifting for you.

    # March 5, 2013 at 4:46 pm

    TSG is using http://sorgalla.com/jcarousel/ with `opacity: 0.3;` in css on items without class `active`.

    Couldn’t figure the other two out (or I got bored trying), but I guess most sliders can be converted. What have you tried so far?

    # March 6, 2013 at 6:33 am

    Paulie_D, I specifically wanted to know how to implement a carousel like the examples above.
    It is used across many websites which I thought would suggest there are resources/tutorials on how to implement it or a plugin these websites may be using.

    I was hoping someone would know where to find any of these.

    The link provided by sergrezn, whilst a good resource for other carousels, does not show an example of the specific implementation I was looking for.

    Anyway,

    CrocoDillon, I have trawled through scripts of those that have the implementations but as there is no guidance it is very difficult to see where the difference is and what is making the difference. I have searched many blogs listing carousels for examples.

    # March 6, 2013 at 6:33 am

    Thanks, CrocoDillon, by the way, I’ll take a look at tsg.com again

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

You must be logged in to reply to this topic.

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