I’m currently working on a site where I have a multi-image input in the CMS, which is displayed in a grid on the page. Is there a way to show the alt text when you hover over the image?
HI @thomasjpm here is short video of one way how to display image Alt text on image hover. It is combination of custom JS code and WF animation but feel free to use other approach like only custom code.
Here is code I’ve used in demo to have something to start with
const [...multi] = document.querySelectorAll(".multi-img__w")
multi.forEach(img =>{
const altHolder = img.querySelector(".img-alt-content")
const alt = img.querySelector("img").getAttribute("alt")
altHolder.innerText = alt
})
HI @thomasjpm there are 3 places you can add any custom code:
Site setting => code will be applied on each page
Page setting => code will be applied on current page
Embed element => code will be applied on current page
If you willing to learn more about where and why to place custom code please visit WFUniversity to learn how to work with this platform or use search field of this forum to find information you need.
Once you will be able to make it work by applying code to let say eg. to page setting feel free to close your request as solved.