The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "SVG" Oct 14 - 6:30 PM Eastern
Get a free trial // Grow your CSS skills // Land your dream job

Slider Concept Help Needed

  • # February 7, 2013 at 9:08 am

    Hello all!

    A friend of mine designed this slider and I am trying to make it work.

    I haven’t made it responsive, which I can through lots of lines of code. I’m posting it here to see if anyone can help me code a better (and much lighter) way, especially with the JS part.


    So the built model has 3 rows of 4 circles. On hover, the circles transform: scale(1.25). Eventually, they will also be links to that project in her portfolio. The previous/next buttons obviously cycle through the other rows. I can make it “responsive” by adding CSS media queries resetting the positioning to 3 to a row and 2 to a row. I can also hardcode the javascript for each situation based on checking the DOM and using a switch or if statement.

    Obviously, there are much better ways to do this, but I am not experienced enough to figure it out. All guidance is appreciated.

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed