Bootstrap carousel : enable pause on mouseover

TYPO3 has many readily available templates/themes. One of the most popular is the  bootstrap package. It is an installable extension module. Download free TYPO3 templates and themes from TYPO3 bootstrap package.

One of the thing which I need to do was to make the slider pause on mouseover. By default it keeps sliding and mouseover had to effect on it. The solution to fix this is:

Add the following JavaScript to the bottom:



Here “carousel-3” is the content id of the carousel.

To include your JavaScript in the end of TYPO3 page at the following Typoscript code:

page.includeJSFooter {
  common-js = fileadmin/templates/js/common.js