Which js files we need will depend on what tools and effect we want to use. Go here https://jquerytools.github.io/download/ to download custom packages to host the js files yourself or you can just reference to the external source on the internet.
<script src="http://ajax.googleapis.com/ajax/libs/jquery//jquery.min.js"></script>
To call this scrip the code above should be pasted at the base of the </head> tag.
This should then be enabled using this code (This code is for a tabs slideshow).
<!-- enable th jQuerry --> <script language="javascript"> // What is $(document).ready ? See: http://flowplayer.org/tools/documentation/basics.html#document_ready $(function() { $(".slidetabs").tabs(".images > div", { //enable the "cross-fading" effect effect:'fade', fadeOutSpeed: "slow", // start from the befinning after the last tab rotate: true //use the slideshow plugin. It accepts its own configuration }).slideshow(); }); </script>