FliptySlider(tm)

In Progress

This one is going to be sicker than sick!

Check it out: [url removed, login to view] pw = theID

I wrote some mad code to admin this slider and some shaky CSS(!) to make it responsive...

Have a look at this one here for a little reference:

[url removed, login to view]

You'll see there are actually three sliders - each one is shown/hidden when you click on the right-hand buttons.

Same thing here except that when you click the buttons they also do the Flip - circular image is frontside, grey square with brand name is the flipside. FUCKYEAH!

One other thing I want to build in I'm not quite sure how to do... on smaller screens I don't want the sliders to load - just the flipty buttons and the first slider image. Maybe we need to use a lazy load to prevent the images loading initially?

I will send you an invite once you accept the challenge and you can check out the crazy liquid!

that's it!

Skills: AJAX, CSS, HTML5, Javascript, jQuery / Prototype

See more: css challenge, code challenge, c# code challenge, rickydazla , prevent right click, slider hidden, responsive css code, responsive image css, build responsive, lazy load, image slider code css, admin responsive, css responsive image slider code, slider responsive, code circular, slider css code, circular code, css sliders, liquid css, myshopify, mens underwear brand names, punnent square calculator, punett square calculator, pundit square calculator, come brand name

Project ID: #2633137

Awarded to:

HeNet

Hired by the Employer

$40 USD / hour
(40 Reviews)
5.8