Skip to main content

组件——图片切换器

🚀 快速入门

1. 组件添加与初始化

  • 从左侧组件库拖拽「图片切换器」至画布
  • 在右侧属性栏添加图片组
  • 选择其中一个为默认显示对象

🛠️ 核心功能配置

智能热区同步

Docusaurus logo

热区同步模式

  • 开启开关
  • 在某张图片绘制交互区域 ✏️
  • 切换到其他图片查看位置 📍

例外处理

  • 单独关闭某张图的热区同步 🚫
  • 设置差异化点击效果 💫

🏆 最佳实践指南

教程步骤演示

Docusaurus logo

  • 按步骤顺序排列图片 🔢
  • 添加触发切换的热区 ➡️

🔔提示:可使用「模板功能」保存常用配置提高效律,具体参考《模板的制作和使用》