Leave a suggestion

If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

“thumbsMouseMover”

This carousel scrolls depending on the mouse position.

JavaScript

We should include jQuery framework and thumbsMouseMover.js by pointing src attribute in the script tag to those .js files.
1
The section of the index-#.html file contains these lines of code that initialize the script functionality with basic values:
2
We specify the id of the carousel element – #thumbs, and some additional options such as easing and animation duration.

HTML

Below you can see general HTML script representation:
3
Inside thetags you should insert the image. Adding another image is simple, just add another element with an image inside.

CSS

You can find script related stylesheet in the main style.css file.
4

"thumbsMouseMover", 3.3 out of 5 based on 6 ratings
  • Hp1144

    It would be nice to have a demo for each tutorial…

    • Anonymous

      Thank you for the suggestion. We are working on creating new video tutorials. They will be added to the website in the nearest future.