Skip to content

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

Open
@faiqfarooq

Description

<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",
}}

              />

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions