I am looking if there are any good ways to place text in an exact place in an image map? I have an image map as a navigation element embedded in a Confluence Wiki page. I am looking for options to be able to place a box of text over the image that can easily be changed or updated without having to create the image each time to update the text. I was looking to see if this could be done with CSS or jQuery.
One idea is to use an image map generator, such as CoffeeCup (http://www.coffeecup.com/image-mapper/). You'd need to manipulate the HTML outside Confluence, and paste it in each time you need to change it.
Another option is to use Gliffy, a Confluence plugin (https://marketplace.atlassian.com/plugins/com.gliffy.integration.confluence). Instead of using an HTML image map, you could use a fully-fledged Gliffy image which includes the pictures, text, links, and/or diagram elements that you need. This also means that other people can easily edit the image, changing the text and other elements within the web browser without having to access the image map HTML outside Confluence.
I hope these ideas help.
I attended Atlassian Summit 2019 and learned a lot from the presenters, attendees and knowledgeable Atlassian product managers. The presentations I attended focused on applying Agile, pla...
Connect with like-minded Atlassian users at free events near you!Find an event
Connect with like-minded Atlassian users at free events near you!
Unfortunately there are no Community Events near you at the moment.Host an event
You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events