Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

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

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.