小编LAT*_*T89的帖子

我正在使用 Sanity Headless CMS 处理 React.js/Next.js 项目。

我有一个 hero 元素，它接受一组图像，但希望能够自动循环浏览以创建背景滑块效果。我很想使用光滑的滑块或类似的东西，但如果可能的话，我想尝试使用纯 CSS 来做到这一点，因为项目的 webpack 配置并没有使导入外部 css 文件变得非常容易。

我的组件...

import React from "react";
import PropTypes from "prop-types";
import styles from "./Hero.module.css";
import client from "../../client";
import SimpleBlockContent from "../SimpleBlockContent";
import Cta from "../Cta";
import imageUrlBuilder from "@sanity/image-url";

const builder = imageUrlBuilder(client);

function Hero(props) {
  const { heading, image, tagline, ctas } = props;


  const images = props.image;
  return (
    <div className={styles.root}>
      <div className={styles.content}>
        <h1 className={styles.title}>{heading}</h1>
        <div className={styles.tagline}>{tagline && <SimpleBlockContent blocks={tagline} />}</div>
        <div> …