Creating an animated gallery with Fotorama

A Fotorama gallery is a simple but very nice looking gallery for websites, it uses HTML, JavaScript (Don't worry you don't have to code any JavaScript to get it working) and CSS3. Just add the dependancies below to the header (or at the bottom of your body if you're a speed freak) to get started.

http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js

http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.5.1/fotorama.css

http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.5.1/fotorama.js

Once that's complete, all you need to do is make a page with a div with the class 'fotorama' and add your images into it. When you load your web page, fotorama will start up and provide you with the best looking gallery.

On a side note, if you add the following to the fotorama div, you'll get a nice icon set below the gallery slider.

data-nav="thumbs"

If you need any more information on how to modify or interface with Fotorama, visit its website: http://fotorama.io/