Fotoramaで画像にリンクを設定する

画像ギャラリー用のjQueryプラグインFotoramaで、画像にリンクを設定するやり方。
fotoramaの基本形から

<div class="fotorama">
  <img src="1.jpg">
  <img src="2.jpg">
</div>

こうすると画像にリンクを設定できる（リンク先はおなじ画像で別ウィンドウ）

<div class="fotorama">
  <div data-img="1.jpg" style="height:100%;">
    <a href="1.jpg" target="_blank" style="display:block;height:100%;"></a>
  </div>
  <div data-img="2.jpg" style="height:100%;">
    <a href="2.jpg" target="_blank" style="display:block;height:100%;"></a>
  </div>
</div>