<p>Whilst this mainly seems like a front-end development question, and Dr_Codswallop has perfectly summed up some steps in the comments to tackle that, as an answer for the Craft CMS specific side of the question there is a plugin I have used in the past that is very helpful, but it is only for <strong>Craft 2.x</strong>:</p>

<p><a href="https://github.com/simplygoodwork/donkeytail-plugin" rel="nofollow noreferrer">Donkeytail</a></p>

<p>I have had a look through the <a href="https://plugins.craftcms.com/" rel="nofollow noreferrer">plugin store</a> and I can't find an alternative plugin for <strong>Craft 3.x</strong>, so it looks like you will need to follow Dr_Codswallops instructions and build up something manually if you are running this version of Craft.</p>

CC BY-SA 4.0
2019-03-13T15:52:32.233Z
Cool, this looks like what I could use. Do you know if I can do more than just dots, add pop-ups with text/graphics? Or group multiple dots so that they all light up if I roll over one of them?
K M
CC BY-SA 4.0
2019-02-20T08:56:07.400Z
2019-02-20T08:56:07.400Z
Jamie Wade
<p>I've been using Craft CMS for a while, but haven't seen any way to get the following done:</p>

<p>Looking to create a page with a large image on it. The image would be overlayed with buttons that pop-out a text box or overlaid image. I'd like to place the pop-out boxes/graphics all over the image in specific places, but the creation interfaces I've seen only let me put one image after another in a list, or rectilinear fashion. 
I'm hoping to create a map of a neighborhood where clicking on different buildings/elements pops out another window with more information regarding that area/element.</p>

<p>I hope this is understandable, if more clarity is needed please let me know.</p>

<p>Any insight would be greatly appreciated.</p>

<p>Thanks</p>

CC BY-SA 4.0
2019-02-19T19:59:18.407Z
Sounds like you'll need a mixture of things that work together.
Backend wise you could add a matrix field for adding multiple text or images, inside of each would be a couple of extra entry fields for X & Y placement according to where you want it on the image e.g TextBox1 would have 20% from left, 70% from top.
Dr_Codswallop
CC BY-SA 4.0
2019-02-19T20:00:11.577Z
Getting them working in your template is more CSS specific. In your template you'll grab the X & Y's for each block in your matrix and use them as inline CSS properties on absolute positioned div's over the background image. Making them 'pop' when buttons are clicked would be some custom javascript.
Dr_Codswallop
CC BY-SA 4.0
2019-03-13T15:50:35.680Z
Thanks for the insights.
K M
<image><custom>
Custom Clickable Image
# Custom Clickable Image

(Asked by: username_0 on 2019-02-19)

I've been using Craft CMS for a while, but haven't seen any way to get the following done:

Looking to create a page with a large image on it. The image would be overlayed with buttons that pop-out a text box or overlaid image. I'd like to place the pop-out boxes/graphics all over the image in specific places, but the creation interfaces I've seen only let me put one image after another in a list, or rectilinear fashion.
I'm hoping to create a map of a neighborhood where clicking on different buildings/elements pops out another window with more information regarding that area/element.

I hope this is understandable, if more clarity is needed please let me know.

Any insight would be greatly appreciated.

Thanks

**Tags:** image, custom

> **Comments:**
> **username_1**: Sounds like you'll need a mixture of things that work together. Backend wise you could add a matrix field for adding multiple text or images, inside of each would be a couple of extra entry fields for X & Y placement according to where you want it on the image e.g TextBox1 would have 20% from left, 70% from top.  
> **username_1**: Getting them working in your template is more CSS specific. In your template you'll grab the X & Y's for each block in your matrix and use them as inline CSS properties on absolute positioned div's over the background image. Making them 'pop' when buttons are clicked would be some custom javascript.  
> **username_0**: Thanks for the insights.  

---

## 1 answers

### Answer by username_2 on 2019-02-20. Score: 2

Whilst this mainly seems like a front-end development question, and Dr\_Codswallop has perfectly summed up some steps in the comments to tackle that, as an answer for the Craft CMS specific side of the question there is a plugin I have used in the past that is very helpful, but it is only for **Craft 2.x**:

[Donkeytail](https://github.com/simplygoodwork/donkeytail-plugin)

I have had a look through the [plugin store](https://plugins.craftcms.com/) and I can't find an alternative plugin for **Craft 3.x**, so it looks like you will need to follow Dr\_Codswallops instructions and build up something manually if you are running this version of Craft.

> **Comments:**
> **username_0**: Cool, this looks like what I could use. Do you know if I can do more than just dots, add pop-ups with text/graphics? Or group multiple dots so that they all light up if I roll over one of them?  

---

