Estoy usando Glide.js y tengo 3 diapositivas por vista. Cuando estoy en el último índice y debería ver el primero y el segundo índice, las imágenes del primero y el segundo no se cargarán hasta que haga clic. Así que estoy parado en el primer índice, pero luego el último índice no se cargará. Como estoy parado en la posición 0,1, asumo que la última posición, en este caso 8, no se cargará.

Aquí está mi código:

 <ul className={styles.list}> <Carousel onMoveAfter={() => setActive()} settings={sliderSettings}bullets={false}> {list.map(item => <Item key={item.Id} list={item} />)} </Carousel> </ul> export default ({list}) => { return ( <li className={style.item}> <div className={style.imgContainer}> <a href={url}> <img className={style.Image} src={url} /> </a> </div> <div className={style.contentContainer}> <a href={url}> <h4 className={style.Name}>{name}</h4> </a> </div> </li> ); };