I am looking for a way to show tooltips when the users hoovers over certain parts of an image.
There needs to be multiple parts of the image that would need to show different tooltips.
Is this possible with Blocs?
You can use what’s called an image map.
Which either can be coded by hand or there are lots of free generators online. You will need to find one that does pop ups or tool tips. Most will do just hotspots.
Thank you for this.
I found this site to make image maps. Which does seems to generate working code.
But were do I put the generated code in Blocs? Not sure how to do this.
Use a code widget.
I’ve used that same one before and it’s been posted on the forum here. Don’t think it does tool tips though from memory.
Sorry, I did tried this (had to mention this).
I put the below code in the code widget. This should open Google when clicked in the area.
But the Scrnsht.png image itself not displayed.
<img src="img/Scrnsht.png" usemap="#image-map" class="">
<map name="image-map">
<area target="_blank" alt="showgoogle" title="showgoogle" href="http://www.google.com" coords="100,153,2612,798" shape="rect">
</map>Blocs doesn’t know to include that image if you reference it in the code editor.
There are ways you can do this, the easiest is remote host it. Then make sure you change the code to reflect the image location.