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

General Discussion

Michael Hicks
Michael Hicks
24,207 Points

Functional Image Gallery Help

Hello, I've been using Treehouse for almost 2 months. While developing my online illustration/design portfolio I've hit a stumbling block.

If you could check out my site below you'll see that on the home page (portfolio) there's an image area sandwiched between two arrow buttons (only available on desktop full screen). I would like to cycle through my artwork using the buttons I've created, but I don't know where to begin. What can I do?

mhicksimagine

2 Answers

Robert Ho
PLUS
Robert Ho
Courses Plus Student 11,383 Points

Something like this?

http://www.jssor.com/demos/full-width-slider.html

The link I gave you is a link to jQuery plugin. Since you are using jQuery already, you might be able to integrate it into your site. Good luck!

Michael Hicks
Michael Hicks
24,207 Points

Thank you so much! This looks like exactly what I need. I'll try it out and share with you the results ASAP.

Michael Hicks
Michael Hicks
24,207 Points

I've been working on the image slider and I don't understand exactly what to do. The image sliders themselves are very unique, but there's not very clear instructions on how to use and customize it.

Robert Ho
PLUS
Robert Ho
Courses Plus Student 11,383 Points

If you are some how able to put your code on Github, I can try to help you out on it. Or else you can specifically tell me what it is that you want to do with which slider and I can try to give you my best input.

Michael Hicks
Michael Hicks
24,207 Points

Thank you for your patience. I appreciate the link you sent me, but I just do not understand where and how I'm supposed to post the code to get it to work. I've become flustered trying to figure this out.

1) Basically, I want to use a slider(like the full width slider at jssor.com) for my portfolio site here mhicksimagine

2) I want to take the ten images towards the bottom of my page and put them in a slider between the two orange wings

3) I also want to make the two gray buttons on my web site functional so that you are able to navigate between images

Note: The orange sections are not visible on mobile or small tablet.