Uso el control deslizante pero incluso agrego puntos: es cierto que no puedo ver puntos en mi pantalla.
Mi configuración :
const settings = { dots: true, customPaging: function (i) { return <LazyLoadImage src={productDetails.Images[i]} />; //I want image as a dot. (even i make it simple text its still doesnt show.) }, dotsClass: "slick-dots slick-thumb", infinite: true, speed: 500, slidesToShow: 1, slidesToScroll: 1, };También instalé react-slick y slick-carousel. Importo css y Slider como:
import Slider from "react-slick"; import "slick-carousel/slick/slick.css"; import "slick-carousel/slick/slick-theme.css";Pero no funciona. ¿Que puedo hacer? ¡Gracias por todas las respuestas!
Editar: no tengo overflow:hidden
Solo pasa una cadena a un atributo src . Agregue dos puntos antes
<LazyLoadImage :src={productDetails.Images[i]}