{{title}} {{title}}

{{name}}
by:{{owner-name}}

You need to put the following html markup in your html document where you want to have slider 
	<!-- template -->
	<div class="ms-facebook-template">
		
		

				

					{{title}}			 
   					{{title}}
					

						{{name}}

						by:{{owner-name}} 
					

				

		

		
	</div>
	<!-- end of template -->
You need to put the following scripts just before the < ⁄ body> 
	<script type="text/javascript">		
	
		var slider = new MasterSlider();
		slider.setup('masterslider' , {
			width:900,
			height:600,
			space:5,
			fillMode:'fit',
			preload:1,
			view:'basic'
		});
		
		slider.control('arrows');	
		slider.control('thumblist' , {autohide:false, dir:'h',arrows:false,align:'bottom',width:127,height:137,fillMode:'fill',margin:1,space:1,hideUnder:400});
		slider.control('bullets');
		
		new MSFacebookGallery(slider , {username:'[facebook username]', albumId:'[albume id here]', type:'[album or photostream]', thumbSize:'320', imgSize:'orginal', count: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'>

		<script src="../masterslider/jquery.min.js"></script>
		<script src="../masterslider/jquery.easing.min.js"></script>
		
		<!-- Master Slider -->
		<script src="../masterslider/masterslider.min.js"></script>