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.
Hover over image to show another image [FIXED]
Hover over image to show another image [FIXED]
Last edited by M33R4 on Tue May 25, 2021 2:34 am, edited 2 times in total.
Newbie to MadCap Flare
Re: Hover over image to show another image
Did you try:
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.
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'" />
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.
Re: Hover over image to show another image
Psider, you my friend, are amazingPsider wrote:Did you try:
Note the order of double and single quotes.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'" />
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.
I got all emotional when the feature you helped me with finally worked superbly in Flare
Genuinely genuinely very grateful - thank you again.
Newbie to MadCap Flare
Re: Hover over image to show another image - RESOLVED
Phew! I'm glad it worked in Flare.