NanoGallery2如何获取图像id

Question

我正在使用NanoGallery2库，我想要获取图像ID，我不知道该如何处理这个。我的代码：

<div id="ng2" data-nanogallery2>
  @foreach ($photos as $photo)
    <a id="{{ $photo->id }}" href="{{ asset('uploads/'.$photo->path) }}" data-ngThumb="{{ asset('uploads/'.$photo->path) }}"> {{ $photo->image_name }} </a>
  @endforeach
</div>

@foreach来自BladeLaravel。

在API文档中，这里有itemSelected事件，但我只需要使用“标题”，就像图像名称一样。

如果我这么做：

$("#ng2").on( 'itemSelected.nanogallery2', writePhotoName );
function writePhotoName(e){
   items = $("#ng2").nanogallery2('itemsSelectedGet');
   console.log(items);
}

结果：图像

好吧..。谢谢。

Answer 1

使用GetID()检索项目(图像或相册) ID

item.GetID();

或：

items[n].GetID();

编辑

对于用例，有两种可能性：

• 使用属性data-ngid设置内部ID

<div id="ng2" data-nanogallery2>
  @foreach ($photos as $photo)
    <a data-ngid="{{ $photo->id }}" href="{{ asset('uploads/'.$photo->path) }}" data-ngThumb="{{ asset('uploads/'.$photo->path) }}"> {{ $photo->image_name }} </a>
  @endforeach
</div>

并检索ID：items[n].GetID()

• 或者使用属性data-ngcustomData存储自定义数据：

<div id="ng2" data-nanogallery2>
  @foreach ($photos as $photo)
    <a data-ngcustomData='{ "myID"="{{ $photo->id }}" }' href="{{ asset('uploads/'.$photo->path) }}" data-ngThumb="{{ asset('uploads/'.$photo->path) }}"> {{ $photo->image_name }} </a>
  @endforeach
</div>

并检索ID：items[n].customData.myID

见编码码上的示例