Master Slider Static Layers Template

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

		
	
				
				
				    
				          
				            
				        
				        
				        
				        

				        LOREM IPSUM
				        
				        CONSECTETUER ADIPISCING
				        
				        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.
				        
				         
				    
				    
				       
				             
				      	
				       
				        
				        
				       	
				       	 
				       
				       
				       REDBULL
				        
				       SIGNATURE
				       
				       CONSECTETUER ADIPISCING
				       
				       Youtube, Vimeo and custom iFrame supported
				        
				      
				        
				    
				    				    
				    
				    	
				    	    
				        
				        

				        
				        
						 LOREM IPSUM
						 
				        CONSECTETUER ADIPISCING

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

	<script type="text/javascript">		
	
		var slider = new MasterSlider();
		slider.setup('masterslider' , {
			width:1024,
			height:580,
			//space:100,
			fullwidth:true,
			centerControls:false,
			speed:18,
			view:'basic'
		});
		//slider.control('arrows');	
		slider.control('bullets' ,{autohide:false});	
		
	</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/black-2/style.css" rel='stylesheet' type='text/css'>
		 
		<!-- MasterSlider Template Style -->
		<link href='style/ms-layers-style.css' rel='stylesheet' type='text/css'>
		
		<!-- google font Lato -->
		<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' 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>