The alignment option

Now you can set an alignment for each images or global.

	<div class="fotorama" data-width="500" data-height="500" data-fit="cover" data-alignment="center">
	  <img src="1-lo.jpg" data-alignment="top">
	  <img src="2-lo.jpg" data-alignment="bottom">
	  <img src="9-lo.jpg" data-alignment="left">
	  <img src="6-lo.jpg" data-alignment="right">
	  <img src="5-lo.jpg" data-alignment="top-left">
	  <img src="6-lo.jpg" data-alignment="top-right">
	  <img src="7-lo.jpg" data-alignment="bottom-left">
	  <img src="8-lo.jpg" data-alignment="bottom-right">
	  <img src="9-lo.jpg" data-alignment="center">
	  <img src="10-lo.jpg"><!-- Or gets 'center' alignment from parent -->
	</div>