Zoom image alt text . I think there is no way to add the zoom image alt text add this thing please.
this class .iiz__zoom-img how to add the alt text there.
My code:
<InnerImageZoom
src={`${process.env.NEXT_PUBLIC_API_URL}${img.url}`}
zoomSrc={`${process.env.NEXT_PUBLIC_API_URL}${img.url}`}
alt={product.Name || `Product image ${index + 1}`}
imgAttributes={{
alt: product.Name || `Product image ${index + 1}`,
}}
className="sm:aspect-[1/1] flex justify-center items-center"
width={500}
height={550}
zoomType="hover"
zoomPreload={true}
/>
The result this code render is:
<figure class="iiz sm:aspect-[1/1] flex justify-center items-center" style="width: 500px;">
<div>
<img alt="Asperfect" class="iiz__img " src="https://admin.bensano.com/uploads/bensan_asperfect_919f135ad2.png" width="500" height="550" style="transition: opacity linear, visibility linear;">
</div>
<img class="iiz__zoom-img " src="https://admin.bensano.com/uploads/bensan_asperfect_919f135ad2.png" draggable="false" alt="" style="top: -324.48px; left: -99.9092px; transition: opacity 150ms linear, visibility 150ms linear;" width="601" height="1150">
<span class="iiz__btn iiz__hint"></span>
</figure>