Trying to override images so that the image zooms in on hover, but all it does is show the original image from the hover variant. Any ideas? Tks!!
I have the same issue⦠My thinking is the bug happens because my image hover state is a component nested inside another component⦠I donāt want to detach but this might be the only solution for now? Let me know if you found a workaround.
@tank666 this works fine as long as you donāt override the images. Or could you figure this out as well?
Have you looked at the file I linked to in the post above? Because it has no problems with overrides.
Hey @tank666 thanks for sharing your example. Iāve been facing the same issue as @vkialka. I did look at your file and tried to fix mine based on yours but no luck. Iām able to replace the default img (ārestingā state in my case) but when I hover, it keeps showing the original one (the one I created the component set with). Iāve also tried changing the image by viewing the componentās āhoverā state - but when I view it in presentation mode, the result is the same. Iāve also tried adding a instance swap property and setting the img to it. The default state img changes but on hover it shows the original one only. Hereās my example https://www.figma.com/file/UAH25ZvNQEdyUg6a5sd1vX/Example?node-id=0%3A1&t=GKZZytvSJwBLM8gc-1
Thanks for any ideas on how to fix it.
I looked at your file and noticed a difference in the images in variants: one of them you changed the fill mode (crop). Instead, scale the image and place it in a frame with the āClip contentā property turned on.
try use in the main component blank image place holder.
for example https://www.figma.com/file/7iVbMK4ErjDHZg6kMBewcR/fix-image-issue?t=lDe4lRrXnEjGniq0-1