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.
The section of the index-#.
html file contains these lines of code that initialize the
script functionality with basic values:
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:
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.