Master Slider Stack View Template

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

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

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

		slider.control('arrows');	
		slider.control('bullets' , {autohide:false, align:'bottom', margin:10});	

		slider.setup('masterslider' , {
			width:750,
			height:430,
			space:5,
			view:'stack',
			loop:true
		});

	</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'>
		
		<!-- 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>