Javascript 向fotorama img标记中添加额外数据

我正在使用显示图库，带有缩略图选项。我想在img标签中添加一些额外的数据，但fotorama似乎删除了它。这是我的密码：

  <div class="fotorama"
       data-nav="thumbs"
       data-allowfullscreen="native"
       data-thumbwidth="150"
       data-thumbheight="118"
       data-thumbmargin="20"
       >
    {{#photos}}
      <a href="{{url}}" data-thumb="{{thumbnail}}" data-extradata="{{somedata}}"></a>
    {{/photos}}
  </div>

{{{照片}
{{/照片}

{{{photos}{{/photos}}只是handlebar.js循环

---

有什么建议吗？我如何将一些数据添加到图像中，以便以后从javascript访问它？

有一个事件表明fotorama已经准备好了。回调方法有第二个参数，其中有一个包含数据的对象：

$('.fotorama').on('fotorama:ready', function (e, fotorama, extra){
  console.log(fotorama.data[index].extradata);
});

PD：为固定括号编辑