react-siema icon indicating copy to clipboard operation
react-siema copied to clipboard

Can't make a slide with background image

Open clearfram3 opened this issue 6 years ago • 0 comments

Here is the JSS:

sliderBox: {
  height: 600
},
slider: {
  height: 600,
  width: "100%"
},
slide: {
  backgroundPosition: "center center",
  backgroundRepeat: "no-repeat",
  backgroundSize: "cover",
  height: 600,
  width: "100%"
}

Here is the slider:

<ReactSiema
  {...options}
  ref={siema => (slider = siema)}
  className={classes.slider}
>
  {images.map((img, index) => (
    <div
        className={classes.slide}
        style={{ backgroundImage: `url(${img})` }}
     />
  ))}
</ReactSiema>

Any ideas?

clearfram3 avatar Mar 27 '19 19:03 clearfram3