Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by J A
J A
6,092 Points

Playing with JQuery/3D CSS

Spent today playing with 3D CSS and JQuery. Simply image carousel, right and left arrows spin the carousel. It seems to have some glitches atm.

My main goal was to make it completely responsive. If you resize the window it will scale with it's parent element, when the height becomes greater than the width, the axis switches.

Not very usefull atm, but was fun to do.

Tested in Chrome and Firefox.

http://nightfrog.co.nf/carousel.html

2 Answers

J A
J A
6,092 Points
J A
J A
6,092 Points

Thanks

I just updated it.

-Added buttons to spin the carousel. -Fixed the image links with new images (hopefully) -Fixed some glitches -Made it prettier -Added a popup box for when you click an image

Completely responsive. Can add new images to the carousel by adding their link to an array in the .js. Can adjust the height to width ratio of the images by changing one variable. Can add to a <div> on a website by adding the id to the div in html. It will then use that div as its sizing reference.