Fotorama Img Gallery

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>
<link rel="stylesheet" href="http://fotorama.s3.amazonaws.com/c/style.css?20140122094158">
<div class="fotorama" 
    data-nav="thumbs"
    data-arrows="true"
    data-click="true"
    data-swipe="true"
    data-width="80%"
     data-ratio="800/600">
  <img src="http://fotorama.s3.amazonaws.com/i/okonechnikov/4.jpg">
  <img src="http://fotorama.s3.amazonaws.com/i/okonechnikov/5.jpg">
  <img src="http://fotorama.s3.amazonaws.com/i/okonechnikov/6.jpg">
  <img src="http://fotorama.s3.amazonaws.com/i/okonechnikov/7.jpg">
  <img src="http://fotorama.s3.amazonaws.com/i/okonechnikov/8.jpg">
  <img src="http://fotorama.s3.amazonaws.com/i/okonechnikov/9.jpg">
  <img src="http://fotorama.s3.amazonaws.com/i/okonechnikov/10.jpg">
  <img src="http://fotorama.s3.amazonaws.com/i/okonechnikov/11.jpg">        
  <img src="http://fotorama.s3.amazonaws.com/i/okonechnikov/12.jpg">
  <img src="http://fotorama.s3.amazonaws.com/i/okonechnikov/13.jpg">
  <img src="http://fotorama.s3.amazonaws.com/i/okonechnikov/14.jpg">      
  <img src="http://fotorama.s3.amazonaws.com/i/okonechnikov/15.jpg">
  <img src="http://fotorama.s3.amazonaws.com/i/okonechnikov/16.jpg">      
</div>

<!--      
<div class="fotorama"
     data-nav="thumbs">
  <a href="1.jpg"><img src="http://fotorama.s3.amazonaws.com/i/okonechnikov/4-thumb.jpg"></a>
  <a href="1.jpg"><img src="http://fotorama.s3.amazonaws.com/i/okonechnikov/5-thumb.jpg"></a>
  <a href="1.jpg"><img src="http://fotorama.s3.amazonaws.com/i/okonechnikov/6-thumb.jpg"></a>
  <a href="1.jpg"><img src="http://fotorama.s3.amazonaws.com/i/okonechnikov/7-thumb.jpg"></a>
</div>
-->