nanogallery2如何在点击相册缩略图后直接打开弹出的滑块图像？

Question

我正在使用nanogalley2在网页上显示相册画廊。我的问题是，如何在点击相册缩略图后直接打开弹出的滑块图像，而不移动到显示相册图像本身的第二步？

脚本目前以这种方式工作:步骤1-单击相册缩略图。步骤2-显示相册的图像与后退按钮和该按钮命名的相册名称。第3步-单击选定相册的任何图像后，将显示滑块图像弹出窗口。

我需要的是在第一步中点击相册缩略图后直接移动到第三步，其中包括直接打开滑块图像弹出窗口。

​

jQuery(document).ready(function () {
                                      jQuery("#my_nanogallery2").nanogallery2({
                                            
                                          items:[
                                          // album 1
                                            {
                                                src:   'https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_960_720.jpg',             // image url
                                                srct:  'https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_960_720.jpg',         // thumbnail url
                                                title: 'Project Name', // item title
                                                
                                              ID: 1,                       // item ID
                                              kind: 'album',               // item kind
                                                },
                                          
                                                { src: 'https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_960_720.jpg', srct: 'https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_960_720.jpg', title: 'Video Title', ID: 10, albumID: 1},
                                                { src: 'https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_960_720.jpg', srct: 'https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_960_720.jpg', title: 'image Title', ID: 11, albumID: 1},
                                                { src: 'https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_960_720.jpg', srct: 'https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_960_720.jpg', title: 'image Title', ID: 12, albumID: 1},
                                             
                                          // album 2
                                          { 
                                                src:   'https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_960_720.jpg',             // image url
                                                srct:  'https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_960_720.jpg',         // thumbnail url
                                                title: 'Project Name',   // item title
                  
                                                ID: 2,
                                                kind: 'album'
                                          },
                                          {
                                                 src: 'https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_960_720.jpg', srct: 'https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_960_720.jpg', title: 'Video Title', ID: 20, albumID: 2},
                                                { src: 'https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_960_720.jpg', srct: 'https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_960_720.jpg', title: 'image Title', ID: 21, albumID: 2},
                                                { src: 'https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_960_720.jpg', srct: 'https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_960_720.jpg', title: 'image Title', ID: 22, albumID: 2},
                                                { src: 'https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_960_720.jpg', srct: 'https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_960_720.jpg', title: 'image Title', ID: 23, albumID: 2},
                                          
                                          // album 3
                                          {
                                                src:   'https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_960_720.jpg',             // image url
                                                srct:  'https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_960_720.jpg',         // thumbnail url
                                                title: 'Project Name',   // item title
                                              ID: 3,                       // item ID
                                              kind: 'album'                // item kind
                                                },
                                                { src: 'https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_960_720.jpg', srct: 'https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_960_720.jpg', title: 'Video Title', ID: 30, albumID: 3},
                                                { src: 'https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_960_720.jpg', srct: 'https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_960_720.jpg', title: 'image Title', ID: 31, albumID: 3},
                                                { src: 'https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_960_720.jpg', srct: 'https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_960_720.jpg', title: 'image Title', ID: 32, albumID: 3},
                                                { src: 'https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_960_720.jpg', srct: 'https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_960_720.jpg', title: 'image Title', ID: 33, albumID: 3},
                                    
                                            ],

                                          thumbnailWidth:  'auto',
                                          thumbnailHeight: 170,
                                          itemsBaseURL:    'https://nanogallery2.nanostudio.org/samples/',
                                          thumbnailHoverEffect2: null,
                                          locationHash:    false,
                                            
                                      });
                                    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/nanogallery2@3/dist/css/nanogallery2.min.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/nanogallery2@3/dist/jquery.nanogallery2.min.js"></script>
    
<div id="my_nanogallery2"></div>

​

Answer 1

为此，您可以使用选项thumbnailAlbumDisplayImage。

只需将其设置为true即可。

这个选项在库的文档中没有更多的描述(可能是一个糟糕的操作)：这个问题已经修复了。