Open faiqfarooq opened 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", }}
/>
<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", }}