Hover over image to show another image [FIXED]

[M33R4]

I've trawled through the internet and followed YouTube videos but still cannot work out how to put a hover over image1 that reveals image2. On mouse out image1 displays again.

My images don't have a URL - they are within my Project folders.

Help please

Thank you.

[Psider]

Did you try:

Code: Select all

<img src="relative/path/to/myimage.png" onmouseover="this.src='relative/path/to/image2.png'" onmouseout="this.src='relative/path/to/myimage.png'" />

Note the order of double and single quotes.

To get the correct path, I usually insert both images into the topic I want include the code in, then switch to HTML view to copy it.

Also, I haven't tried this in Flare, but as plain HTML it works, and the I've needed to get image and topic paths for other scenarios, and the principles should apply here.

[M33R4]

Did you try:

Code: Select all

<img src="relative/path/to/myimage.png" onmouseover="this.src='relative/path/to/image2.png'" onmouseout="this.src='relative/path/to/myimage.png'" />

Note the order of double and single quotes.

To get the correct path, I usually insert both images into the topic I want include the code in, then switch to HTML view to copy it.

Also, I haven't tried this in Flare, but as plain HTML it works, and the I've needed to get image and topic paths for other scenarios, and the principles should apply here.

Psider, you my friend, are amazing

I got all emotional when the feature you helped me with finally worked superbly in Flare

Genuinely genuinely very grateful - thank you again.

[Psider]

Phew! I'm glad it worked in Flare.