在fotorama img tag

Question

我使用http://fotorama.io/来显示图库，并使用缩略图选项。我想在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}}只是Handlebars.js循环。

任何建议如何将一些数据添加到图像中，以后可以从javascript访问它？

Answer 1

有一个事件表明fotorama准备就绪。回调方法有第二个参数，其中有一个带有数据的对象：

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

PD：编辑固定括号