An Engineers Notebook

jQuery | Enabling

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>

 

Leave a Reply

Your email address will not be published.