Fancybox React 样式

Question

      <Fancybox
    options={{
      Carousel: {
        infinite: true,
      },
      Toolbar: {
        display: {
          left: ["infobar"],
          middle: [],
          right: ["zoomIn", "zoomOut", "close"],
        },
      },
      Thumbs: {
        type: "classic",
      },
    }}
  >
    <div className="">
      <IMG src={placeholder} alt="placeholder" />
      <IMG src={placeholder} alt="placeholder" />
      <IMG src={placeholder} alt="placeholder" />
    </div>
  </Fancybox>

我正在使用 fancybox 和 React。我已遵循官方文档并制作了反应组件。这里我导入并使用。它有效，我喜欢它的功能和外观。但是我如何设计缩略图或这方面的任何内容？

Answer 1

Fancybox 是用纯 JS 编写的，您可以使用 CSS 将其设计为任何第三方脚本。查看此处任何演示的源代码并用作示例 - https://fancyapps.com/showcase/