Get an image to pop up when I mouse over a word (text)?

---

In the body of my text I want an image to p0p up when you hover your mouse over a certain word. Is it possible? How I can do this?

Hi Maxbale!

I just explained this a couple of days ago.

have a look here:

http://laythemeforum.com:4567/topic/1568/adding-text-slide/4

But use the updated code:

.button-hide {
    display: none;
}

.button-show {
    display: block !important;
}

<script>
jQuery(document).on("click", ".button", function(event) {
	 jQuery(".button-hide").toggleClass("button-show");
});
</script>

I hope you will figure it out :-)

Best!

Marius

@mariusjopen

Hi Marius

I've just tried this but am not having any luck. It's as if I've done nothing at all. Any ideas?

Thanks

Bryn

Hi @bd
did you give the element the class button?

All the best!

Marius

@mariusjopen

I did give the button and hide classes as per the older thread you linked to.

Sorry I know nothing about code and maybe stupidly trying to do this without learning much. I did notice in my custom CSS/HTML that I'm getting an error for the use of !important; , and {event) is not highlighting like it has with your screenshots, could this have something to do with it?

Here's screenshots of what I have.

Thanks for your help!

Hi @bd

maybe it got a bit confusing.

Have a closer look here:

I hope that works out!

Best!

Marius

Thanks @mariusjopen

That solved my problem, but then made me realise what I actually want to do is a bit more complicated and may not be possible with the gridder (having a menu that brings up an image in the same place as you hover over the items). I think I'll have to find someone with more knowledge than I have to sort it for me!

Hi @bd

have a look here then:
http://laythemeforum.com:4567/topic/987/images-appear-on-link-hover-ii/3

http://laythemeforum.com:4567/topic/616/images-appear-on-link-hover/12

But probably you have to come up with your own solution about this :-/

Good luck and many wishes!

Marius