A Pen by Joe Watkins.

index.html

<div class="fotorama" data-allowfullscreen="true" data-width="100%" data-ratio="800/400">
  <img src="http://flickholdr.com/800/400" data-caption="I am the caption">
  <img src="http://placekitten.com/800/400">
  <img src="http://flickholdr.com/800/400">
  <img src="http://flickholdr.com/800/400">
  <img src="http://placekitten.com/800/400">
  <img src="http://flickholdr.com/800/400">
  <img src="http://flickholdr.com/800/400">
  <img src="http://placekitten.com/800/400">
  <img src="http://flickholdr.com/800/400">
  <img src="http://flickholdr.com/800/400">
  <img src="http://placekitten.com/800/400">
  <img src="http://flickholdr.com/800/400">
  <img src="http://flickholdr.com/800/400">
  <img src="http://placekitten.com/800/400">
  <img src="http://flickholdr.com/800/400">
</div>

Responsive-Slider.markdown

Responsive Slider

Demo of a really slick responsive slider.

A Pen by Joe Watkins on CodePen.

License.

script.js

/* http://fotorama.io/ demo */

style.css

body {
  background:#EEEBE7;
  margin:15px;
}

.fotorama {
  max-width:70%;
  margin:0px auto;
  background:#fff;
  padding:15px;
  box-shadow:2px 3px 3px #ddd;
  border-radius:3px;
}