Fotorama Img Gallery
static content
by pj_js15
HTML
<script src="http://knockoutjs.com/downloads/knockout-2.3.0.js"></script>
<link rel="stylesheet" href="http://fotorama.s3.amazonaws.com/4.4.9/fotorama.css">
<script src="http://fotorama.s3.amazonaws.com/4.4.9/fotorama.js"></script>
<!-- <div class="fotorama"
data-nav="thumbs"
data-arrows="true"
data-click="true"
data-swipe="true"
data-width="80%"
data-ratio="800/600"> -->
<div class="fotorama" data-width="100%" data-ratio="16/9" data-hash="true" data-maxheight="100%" data-minheight="200" data-nav="thumbs" data-keyboard="true" data-allowfullscreen="native" data-shadows="false" data-thumbheight="48" data-fit="cover" data-keyboard="true">
<a href="http://fotorama.s3.amazonaws.com/i/okonechnikov/4.jpg">
<img src="http://fotorama.s3.amazonaws.com/i/okonechnikov/4-thumb.jpg">
</a>
<a href="http://fotorama.s3.amazonaws.com/i/okonechnikov/5.jpg">
<img src="http://fotorama.s3.amazonaws.com/i/okonechnikov/5-thumb.jpg">
</a>
<a href="http://fotorama.s3.amazonaws.com/i/okonechnikov/6.jpg">
<img src="http://fotorama.s3.amazonaws.com/i/okonechnikov/6-thumb.jpg">
</a>
<a href="http://fotorama.s3.amazonaws.com/i/okonechnikov/7.jpg">
<img src="http://fotorama.s3.amazonaws.com/i/okonechnikov/7-thumb.jpg">
</a>
<a href="http://fotorama.s3.amazonaws.com/i/okonechnikov/8.jpg">
<img src="http://fotorama.s3.amazonaws.com/i/okonechnikov/8-thumb.jpg">
</a>
<a href="http://fotorama.s3.amazonaws.com/i/okonechnikov/9.jpg">
<img src="http://fotorama.s3.amazonaws.com/i/okonechnikov/9-thumb.jpg">
</a>
<a href="http://fotorama.s3.amazonaws.com/i/okonechnikov/10.jpg">
<img src="http://fotorama.s3.amazonaws.com/i/okonechnikov/10-thumb.jpg">
</a>
<a href="http://fotorama.s3.amazonaws.com/i/okonechnikov/11.jpg">
<img src="http://fotorama.s3.amazonaws.com/i/okonechnikov/11-thumb.jpg">
</a>
<a...
CSS
body
{
background-color: #000;
}