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

JavaScript

Posted by Patrick Iwanicki
Patrick Iwanicki
2,178 Points

Image Slider that rotates slide on thumbnail mouseover

http://www.evernote.com/shard/s45/sh/e51ae1ff-a190-417f-acb7-9c8f2edaeec3/e7247892225e9daff5156b9d9c566e6c

I am looking for a solution to change slides when hovering over div

Found a stack overflow post that references what I am trying to do here: http://stackoverflow.com/questions/10754952/nivoslider-change-slide-when-thumb-is-hovered-not-clicked

2 Answers

Christer Nordbø
Christer Nordbø
2,133 Points
Christer Nordbø
Christer Nordbø
2,133 Points

Implementing a image slider like that is actually easier than you think!

You just need to find a plugin that suits your needs! You could create one on your own aswell.

ex. predefined plugin.

http://www.responsivejqueryslider.com/thumbnails_banner.html

Google search: jQuery image slider

Pointers if your creating your own.

http://api.jquery.com/hover/

http://api.jquery.com/html/

Patrick Iwanicki
Patrick Iwanicki
2,178 Points
Patrick Iwanicki
Patrick Iwanicki
2,178 Points

Thanks Christer!