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:
$('.carousel-3').carousel({
"pause":"false"
});
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 }