NanoGallery2 -自动触发灯箱

Question

在图像列表(相册)中-单击将打开lightbox。我希望在页面加载时自动触发灯箱。

这是我的代码，我使用"openOnStart": "ID1",来定位第一个图像

<div ID="ngy2p" data-nanogallery2='{
    "thumbnailWidth": "200",
    "thumbnailLabel": {
      "position": "overImageOnBottom",
      "display": false,
      "openOnStart": "ID1",
      "titleMultiLine": true,
      "descriptionMultiLine": true
    },
    "thumbnailHoverEffect2":  "imageScale150|imageScale150",
    "thumbnailAlignment": "center",
    "displayBreadcrumb": false,
    "thumbnailOpenImage": true
  }'>

 <a href="/uploads/gallery/F9GEO.JPG" data-ngid="ID1"  
target="_blank" data-ngdesc=""><img src="/uploads/gallery/thumbs/F9GEO.JPG" 
border="0" alt="" /></a>

    
    <a href="/uploads/gallery/zQsFE.JPG" data-ngid="ID2"  
target="_blank" data-ngdesc=""><img src="/uploads/gallery/thumbs/zQsFE.JPG" 
border="0" alt="" /></a>


</div>

Answer 1

您可以通过更改散列来轻松触发它：

$("#ngy2p").on( 'galleryRenderEnd.nanogallery2', function(){
    window.location.hash = '#nanogallery/ngy2p/0/ID1';
});

请参阅工作示例：https://jsfiddle.net/ao3czrsw/