Master Slider Fullscreen Template

You need to put the following html markup in your html document where you want to have slider

		
	
		
		
		    
		     
		          
		        
		        	FIRST SLIDE
		        
		    
		    
		       
		       
		        	SECOND SLIDE
		        
		             
		    
		    
		       
		        
		        	THIRD SLIDE
		        
		            
		    
		    
		       

		      
		        	FOURTH SLIDE
		        

		            
		    

		    
		       

				
		        	FIFTH SLIDE

You need to put the following scripts just before the < ⁄ body>

	<script type="text/javascript">		
	
		var slider = new MasterSlider();

		slider.control('arrows' ,{insertTo:'#masterslider'});	
		slider.control('bullets');	

		slider.setup('masterslider' , {
			width:1024,
			height:768,
			space:5,
			view:'basic',
			instantStartLayers:true,
			speed:20
		});
		
	</script>

You need to import the following files

		<!-- Base MasterSlider style sheet -->
		<link rel="stylesheet" href="../masterslider/style/masterslider.css" />
		
		<!-- Master Slider Skin -->
		<link href="../masterslider/skins/default/style.css" rel='stylesheet' type='text/css'>
		 
		<!-- MasterSlider Template Style -->
		<link href='style/ms-fixedlayers.css' rel='stylesheet' type='text/css'>
		
		<!-- google font Lato 
		<link href='http://fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'>
		-->
		
		<!-- jQuery -->
		<script src="../masterslider/jquery.min.js"></script>
		<script src="../masterslider/jquery.easing.min.js"></script>
		
		<!-- Master Slider -->
		<script src="../masterslider/masterslider.min.js"></script>