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

HTML

Posted by Wilson Usman
Wilson Usman
35,206 Points

Slideshow, heading, and content coding assistance

Hi, I'm trying to practice my html, css, and jquery skills but I need some help.

I want to learn to create some of the features in this page

http://foxtrail.sitehousedesigns.com/#/review1/

I know it's a flash site so it's hard to look at the backend code so I was hoping someone could assist me or give me some resources to learn this.

I've done some research, I believe there's some JQUERY, and CSS required to get it to work.

note: (I want to create the linkage between the image, the content, and heading below the image so they all change with it's corresponding content.

Hope this helps.

Thank you,

2 Answers

Dave Evans
Dave Evans
13,160 Points
Dave Evans
Dave Evans
13,160 Points

If you want to have some similar transition effects using jQuery, HTML and CSS you could do something like this. http://codepen.io/diesel1064/pen/hkJxu

Wilson Usman
Wilson Usman
35,206 Points
Wilson Usman
Wilson Usman
35,206 Points

Thank you Dave, that helps. I was wondering how to do the CSS and also link the names to the actual testimonials in HTML or wherever the code would be.

Still thank you for taking the time of your day to show me this. And sorry if I'm missing something in what you did. (that was just the effect right?)

Dave Evans
Dave Evans
13,160 Points

I'm a little confused with you question. If you are hard-coding the site (not using a CMS of some sort) then you can use classes and tags however you want. If you are talking about on your example site how to do their 'Reviews' page with the multiple different reviews, it would be the same concept. Just apply the same jQuery and styling as you would for the main content, but just inside one of the page divs.