Edit in JSFiddle

<!-- Just don’t want to repeat this prefix in every img[src] -->
<base href="http://s.fotorama.io/okonechnikov/">
    
<!-- Fotorama -->
<div class="fotorama"
    auto-rotate="true"
     data-transition-duration="1200"
     data-fit="cover"
     data-width="500"
     data-max-width="100%"
     data-ratio="500/333">
    <img src="1-lo.jpg" />
    <img src="3-lo.jpg" />
    <img src="5-lo.jpg" />
    <img src="7-lo.jpg" />
    <img src="9-lo.jpg" />
</div>

<!-- © -->    
<p>Photos <a href="http://okonet.ru/">by Andrey Okonetchnikov</a></p>

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