Is it possible to show an image on hover of text in a repeating group?

Questions
1

I have a repeating group of photo locations and I’d like to show a photo I’ve taken when the user hovers on that item/text in the repeating group.

Is this possible?

2

Absolutely. Check out the Conditional tab of the properties editor. Set the photo to not be visible on page load. Then, the logic in the Conditional tab for the item to be hovered would simply be something like, “when this text is hovered, make the photo visible.”

1 Like
3

@sudsy thanks!

My hang up is getting the photo to appear adjacent to the text regardless of its order in the list (or whether it’s in the list at all).

Any ideas?

4

Well, I’m thinking an Image element would have to be added to the RG cell (perhaps inside a Group Focus or Floating Group element) along with the element that triggers its appearance. The image displayed within the Image element can be set dynamically.

5

I tinkered a bit, and it’s not as straightforward as I initially thought. :slightly_frowning_face:

Showing an image overlay on click would be easy, but doing so on hover is a bit problematic (mostly because Bubble seems to use “mousemove” as the hover event instead of “mouseenter”, which means it fires continuously when the mouse moves within the target).

Anyway, since there’s no hover on mobile, perhaps clicking an icon is a workable compromise?

6

Thanks for tinkering! Yes, clicking an icon could work. I’ll try it out and post here if I have issues.