# Pop up Images on hover?

**URL:** https://forum.pinegrow.com/t/pop-up-images-on-hover/11080
**Category:** Pinegrow Interactions Add-on
**Created:** [August 27, 2025, 7:42pm UTC](https://forum.pinegrow.com/t/pop-up-images-on-hover/11080 "2025-08-27T19:42:11Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![jefferis](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/jefferis/32/503_2.png) [@jefferis](https://forum.pinegrow.com/u/jefferis)
#### Post date: [August 27, 2025, 7:42pm UTC](https://forum.pinegrow.com/t/pop-up-images-on-hover/11080/1 "2025-08-27T19:42:11Z")

</div>

Just looking at the Interactions add-on. I see a tool tip but I don’t see what I would call an image popup on hover or click. Is that a feature that is missing or am I just missing it?

---

<div class="post-metadata">

### Author: ![PeteSharp](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/petesharp/32/7073_2.png) [@PeteSharp](https://forum.pinegrow.com/u/PeteSharp)
#### Post date: [August 28, 2025, 5:34am UTC](https://forum.pinegrow.com/t/pop-up-images-on-hover/11080/2 "2025-08-28T05:34:29Z")

</div>

Do you mean something like a Lightbox?

---

<div class="post-metadata">

### Author: ![jefferis](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/jefferis/32/503_2.png) [@jefferis](https://forum.pinegrow.com/u/jefferis)
#### Post date: [August 28, 2025, 5:05pm UTC](https://forum.pinegrow.com/t/pop-up-images-on-hover/11080/3 "2025-08-28T17:05:08Z")

</div>

Yes, on hover or click a popup with controlled dimensions. For example, Project VII had a ton of invaluable plugins for static websites. The company went under so there was no reason to maintain DW for me. But an example of a feature I used for former client designs is on this page: [Sample HTML5 and Web Design Internet Sites](https://www.petersonsales.net/samples.html) The top banner is an html 5 rotating banner, which I saw in integrations. But if you scroll down the center table and hover over TEXAS VFW text, you will see a popoup. I want to be able to duplicate this function.

Thanks again for all your help!!!

---

<div class="post-metadata">

### Author: ![mxs](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/mxs/32/2943_2.png) [@mxs](https://forum.pinegrow.com/u/mxs)
#### Post date: [September 10, 2025, 8:15pm UTC](https://forum.pinegrow.com/t/pop-up-images-on-hover/11080/4 "2025-09-10T20:15:16Z")

</div>

Use Bootstrap modal for your popups.

---

<div class="post-metadata">

### Author: ![jefferis](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/jefferis/32/503_2.png) [@jefferis](https://forum.pinegrow.com/u/jefferis)
#### Post date: [September 10, 2025, 8:39pm UTC](https://forum.pinegrow.com/t/pop-up-images-on-hover/11080/5 "2025-09-10T20:39:20Z")

</div>

If the site is not built with bootstrap, can you add that function in without converting the site to bootstrap and if so, is there a tutorial on it? I have rarely used bootstrap for development.

---

<div class="post-metadata">

### Author: ![mxs](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/mxs/32/2943_2.png) [@mxs](https://forum.pinegrow.com/u/mxs)
#### Post date: [September 11, 2025, 1:38pm UTC](https://forum.pinegrow.com/t/pop-up-images-on-hover/11080/6 "2025-09-11T13:38:36Z")

</div>

Sure can  
w3 tutorials are a great way to amend with your ideas

> **[W3Schools online HTML editor](https://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_modal)**
>
> The W3Schools online code editor allows you to edit code and view the result in your browser

---

<div class="post-metadata">

### Author: ![Emmanuel](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/emmanuel/32/6294_2.png) [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)
#### Post date: [September 11, 2025, 2:49pm UTC](https://forum.pinegrow.com/t/pop-up-images-on-hover/11080/7 "2025-09-11T14:49:48Z")

</div>

You can also use Mr Pinecone, the awesome AI assistant 🙂

> **[Pinegrow AI Assistant | Pinegrow Web Editor](https://pinegrow.com/docs/ai-assistant/)**
>
> Meet your new web development assistant. It knows how to create and transform HTML code, how to manipulate content, come up with CSS styling, make the code accessible, give advice and much more.
