Hello all!
A friend of mine designed this slider and I am trying to make it work.
http://codepen.io/Pmac627/pen/EvzDF
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.
WHAT DOES IT DO:
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.