To begin using nex, create a new file (let's assume index.html)
Then add the following libraries into your file :

<link rel="stylesheet" href="nex.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="Animo.min.js"></script>
<script type="text/javascript" src="nex.min.js"></script>
<!-- optional, include only if you're using google maps -->
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3&sensor=false"></script>

Property	Default	Description
transition	random	Allows you setup a transition. Can be set to: none fade slideLeft slideRight slideTop slideBottom zoom rotate skew random
transition_speed	600	Change this to modify the transition speed in miliseconds
delay	7000	The pause in between switching images in miliseconds.
autoplay	true	To autoplay the gallery or not. Can be set to true or false.
thumbnails	true	If you want to show or hide the thumbnails change this. Can be set to true or false
bullets	true	Show or hide the small bullets under the sliders. Can be set to true or false.
bar	true	Show or hide the thumbnails bar. Can be set to true or false.
load_bar	true	Show or hide the loading bar. Can be set to true or false.
style	object	This option accepts an object with the following available parameters: type circle You can customize the thumbnails and bullets. Can be set to circle or square filter none Select a filter for the images. Shown only in supported browsers. Can be set to: none grayscale sepia hue-rotate brightness contrast saturate pattern none Enter the url to a pattern. background #ede8d2 Choose your background color hover #aac83f Choose the hover color color #000 Choose the color of the text
data	object	This parameter accepts an object which holds the slider data: display image Select the type of the slide. Can be set to: image map video title none Your slide title description none Your slide description thumb none Your slide thumbnail src. Ignored if thumbnail is set to false. link none The source to the image. Works only when display is set to image alt none Your image alt. Works only when display is set to image url none Your video url. Works only when display is set to video marker none Show or hide the marker on the google maps. Can be set to true or false. Works only when display is set to map infowindow none The html content to be shown on the marker upon click. Works only when display is set to map zoom 12 Enter the zoom level. Works only when display is set to map type ROADMAP Select maps type. Can be set to HYBRID ROADMAP SATELLITE TERRAIN Works only when display is set to map lat none Enter your google maps latitude position Works only when display is set to map lng none Enter your google maps longituted position Works only when display is set to map

Example with all values:

	new Nex({
		transition       : "fade", // none || fade || slideLeft || slideRight || slideTop || slideBottom || zoom || rotate || skew || random
		transition_speed : 600, // how long the transition between two images will durate
		delay            : 7000, // between images transition
		autoplay         : false , // true || false
		thumbnails       : true, // true || false
		bullets          : true,  // true || false
		bar              : true, // true || false
		load_bar         : true, // true || false
		style            : {
			type       : "circle", /* circle, square */
			filter     : "none",  // none, grayscale, sepia, hue-rotate, brightness, contrast, saturate
			pattern    : "http://your-web-site.com/images/pattern.png", // url to pattern
			background : "#ede8d2", // background color
			hover      : "#aac83f", // hover color of background
			color      : "#000" // text color
		},

		data             : [
			{
				display     : "image", // image, map, video
				title       : "Image Title", // image title
				description : "quisquam est qui dolorem ipsum quia dolor sit amet eque porro quisquam est qui", // image description
				link        : "", // image src
				thumb       : "", // image thumb
				alt         : "" // image alt tag
			},

			{
				display : "video",
				title   : "Video Title",
				thumb   : "", // video thumb
				url     : "", // video link
				description : "best of inspiration",
				alt : ""
			},

			{
				display     : "map", // image, map, video
				title       : "Map Title", // image title
				description : "some kind of description", // image description
				thumb       : "images/thumb_5.jpg", // image thumb

				marker      : true,  //  true || false (show or hide the marker of map)
				infowindow  : "html content to display on marker open", // html content
				zoom        : 12, // zoom level of map up to 16
				type        : "HYBRID", // type of map to display. Ex: ROADMAP, SATELLITE, HYBRID, TERRAIN
				lat         : 40.734771, // latitude of the map
				lng         : -73.991654, // longitude of the map
			}
		]
	});