IIIF/Mirador 3：如何限制可用Canvas数量及移除导航按钮

下面提供几种靠谱的实现方式，按推荐优先级排序：

1. 裁剪原始IIIF Manifest（最彻底） #

直接修改你要加载的IIIF Manifest，只保留需要展示的1个或几个Canvas节点。这样Mirador加载时只会读取指定页面，根本不会生成其他页面的导航选项，从根源避免用户切换页面。

2. 通过Mirador配置项锁定Canvas并禁用导航 #

Mirador 3本身支持通过配置参数控制组件行为，不需要硬改CSS：

• 指定初始加载的Canvas，同时禁用页面切换功能
• 隐藏导航按钮、缩略图面板等控件

示例配置代码：

// 实例化Mirador时传入配置
const viewer = Mirador.viewer({
  id: 'mirador-container',
  windows: [
    {
      manifestId: '你的Manifest地址',
      initialCanvasId: '目标Canvas的ID', // 替换成你要固定页面的Canvas ID
      displaySettings: {
        showNavigation: false, // 隐藏左右翻页按钮
        showThumbnails: false, // 隐藏缩略图侧边栏
      },
      canvasNavigation: {
        enabled: false, // 完全禁用Canvas切换功能
      },
    },
  ],
});

3. 精准CSS隐藏导航元素（兜底方案） #

如果配置方法无法生效，可能是版本差异导致类名变化，用更具体的CSS选择器强制隐藏：

/* 隐藏窗口顶部的Canvas切换下拉菜单 */
.mirador-window-top-bar .mirador-canvas-nav {
  display: none !important;
}
/* 隐藏左右翻页按钮 */
.mirador-window-nav-buttons {
  display: none !important;
}
/* 隐藏缩略图面板 */
.mirador-thumbnail-panel-container {
  display: none !important;
}

注意要确保你的CSS在Mirador官方样式之后加载，或者用!important强制覆盖样式优先级。

内容的提问来源于stack exchange，提问作者gramm