Javascript 如何使用openseadragon向阵列中的单个磁贴源添加标题？

我有openseadragon可以很好地从阵列加载TileSource。磁贴源从mysql表中提取，如下所示：

$tilesources = "/images/20190726075000_100/a20190726075000_100.dzi","/images/20190726075000_100/a20190726075000_100.dzi"

javascript：

(function() {
    const viewer = new OpenSeadragon.Viewer({
        id: "openseadragon-<?php echo $imgid; ?>",
        prefixUrl: '/assets/openseadragon/images/', // prefix for image control buttons folder
        tileSources: [ <?php echo "$tilesources"; ?> ],
        controlsFadeDelay: 60000,
        navigationControlAnchor: OpenSeadragon.ControlAnchor.BOTTOM_RIGHT, // controls position 
        navigationControlAnchor: OpenSeadragon.ControlAnchor.TOP_RIGHT, // controls position 
        homeFillsViewer: true,
        defaultZoomLevel: 1.2,
        zoomPerClick: 1.5,          
        sequenceMode: true,
        showFullPageControl: true, // works
      });
    })();

（函数（）{
const viewer=新的OpenSeadragon.viewer({
id:“openseadragon-”，
prefixUrl:“/assets/openseadagon/images/”，//图像控制按钮文件夹的前缀
瓷砖资源：[]，
控制延时：60000，
navigationControlAnchor:OpenSeadragon.ControlAnchor.BOTTOM\u RIGHT，//控制位置
navigationControlAnchor:OpenSeadragon.ControlAnchor.TOP_RIGHT，//控制位置
homeFillsViewer：是的，
默认ZoomLevel:1.2，
zoomPerClick:1.5，
sequenceMode:true，
showFullPageControl:true，//有效
});
})();

我把它包起来，以便在fancybox中显示。使用fancybox，我添加了一个基本标题，使用数据标题=“”。这为查看器/视口提供了通用的标题

问题是每个单独的磁贴源都有自己的标题。我在openseadragon中看不到为每个磁贴添加标题的选项

---

我想知道是否有一种方法可以添加一个回调（不管你怎么称呼它）来在你浏览分幅时动态更新fancybox标题？

当用户以顺序模式导航到一个新图像时，会出现一个事件。你可以这样做：

var captions = [ <?php echo "$captions"; ?> ];

viewer.addHandler('page', function(event) {
  var caption = captions[event.page];
  // Update the caption element with the caption
});

var字幕=[]；
viewer.addHandler（'page'，函数（事件）{
var caption=标题[event.page]；
//使用标题更新标题元素
});