ethanselzer / react-image-magnify

A responsive image zoom component designed for shopping sites.
https://ethanselzer.github.io/react-image-magnify
MIT License
645 stars 160 forks source link

How to add height and width 100% of the smallImage and also add objectFit fill in it . #166

Open faiqfarooq opened 1 year ago

faiqfarooq commented 1 year ago

<ReactImageMagnify {...{ smallImage: { alt: "Wristwatch by Ted Baker London", isFluidWidth: true, ////////////////////////////////////////////////////////////////////////////////////////////// its not working imageStyle: { objectFit: "fill", // Add this line for "fill" behavior width: "100%", height: "100%", }, //////////////////////////////////////////////////////////////////////////////////////////// src: data.imgSrc, // Corrected syntax here sizes: "(max-width: 480px) 100vw, (max-width: 1200px) 30vw,(max-width: 1600px) 30vw, 400px", }, largeImage: { alt: "", src: data.imgSrc, // Corrected syntax here width: 1000, height: 1500, }, enlargedImagePosition: "over", }}

              />