Basic fotorama

by Max Shu

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.js"></script>
<!-- Fotorama -->
<div class="fotorama" data-width="100%" data-height="100%">
    <div>
    	<img src="http://i.fotorama.io/c6284eae-9be4-4811-b45b-17a5b6e99ad2/-/stretch/off/-/resize/1280x/" />
    	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto laudantium obcaecati cumque incidunt rem placeat corporis, vero quod officiis repellendus autem. Ab quis culpa porro vero eveniet quae, quo obcaecati!</p>
    </div>
    <div>
    	<img src="http://i.fotorama.io/80713821-5d54-4819-810a-19991502ca56/-/stretch/off/-/resize/1280x/" />
    	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque quidem asperiores tempore necessitatibus molestiae aperiam tempora voluptates temporibus harum libero expedita ea, illum! Repellendus natus libero minima expedita, dicta delectus!</p>
    </div>
    <div>
    	<img src="http://i.fotorama.io/7ca0e7f6-90eb-4254-82ea-58c77e74f6a0/-/stretch/off/-/resize/1280x/" />
    	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi aliquam, ratione, eius ipsam voluptates corrupti pariatur maiores itaque iste sequi optio quos natus reiciendis hic veritatis et suscipit quas doloremque.</p>
    </div>
    <div>
    	<img src="http://i.fotorama.io/631479df-27a8-4047-ae59-63f9167001f2/-/stretch/off/-/resize/1280x/" />
    	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita esse iusto eligendi tenetur incidunt aliquid laborum repellendus debitis, minus ad distinctio facere, placeat sequi dolorem eos consequatur doloremque saepe quaerat.</p>
    </div>
    <div>
    	<img src="http://i.fotorama.io/8e1e4402-84f0-4d78-b7d8-c48ec437b5af/-/stretch/off/-/resize/1280x/" />
    	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci tempora quasi dolores deserunt recusandae deleniti totam...

CSS

body {
    margin: 10px;
}
.fotorama img {width: 50px;}

JavaScript

// Nothing there :-)
// Fotorama initialized automatically.