Images as tooltips on images in chat - can it be done?

bubblobill · Post by **bubblobill** » Wed May 20, 2015 3:24 am

I have been bashing my head against this for about five hours, so now I turn to you.

What I am trying to achieve is something like this.
In chat:
My PC does this awesome thing using this card -->(small picture of power card)
My PC does this awesome thing using this card --> *mousehover for big

Now I want the picture of the card to be a small rendering of the card, and on hover, have the fill-size image of the card show as a tooltip.

I can get the resized image in chat, I can get images in tooltips, but I cannot get tooltips on images.
I suspect I am a victim of the alt= component of the image tag.
Am I right that the alt= predefines a text only tooltip that overrides whatever I want? Can I work around it?

Dr Bubb

Post by **aliasmask** » Wed May 20, 2015 3:57 am

Tooltip text is a little tricky. You have to surround the text with <html>...</html> for it to process html like an image tag. Also, use " instead of " inside, for example:

Code: Select all

[H: img = getImage(imageName)]
[H: tip = strformat('<html><img src="%{img}" height="400" width="400" /></html>')]
[H: tip = replace(tip,'"',"%quot;")]
[R: strformat('<img src="%{img}" height="50" width="50" alt="%{tip}">')]

bubblobill · Post by **bubblobill** » Wed May 20, 2015 5:49 am

Thanks heaps for the assist, but it did not fly.

although it is much closer than I have managed to get so far.

The tooltip does appear, but it does so with a broken image icon.

Thus:

: Broken img link; Untitled.png (4.47 KiB) Viewed 1262 times

Still beating my head around it fruitlessly.

Post by **aliasmask** » Wed May 20, 2015 5:54 am

I'll check the code, could be something minor. I think it has something to do with the \\ in the asset link and how strformat processes it.

Post by **aliasmask** » Wed May 20, 2015 6:03 am

Hmm, I'm sure this worked before, but after changing the quotes I got it to work.

Code: Select all

[H: img = getImage(tokenName)]
[H: tip = strformat("<html><img src='%{img}' height='400' width='400'></html>")]
[R: strformat('<img src="%{img}" height="50" width="50" alt="%{tip}">')]

bubblobill · Post by **bubblobill** » Wed May 20, 2015 7:53 am

Win!

I thought I had tried every possible combination between ' and " but apparently not.

+1 vote for Aliasmask's godhood.

You rock

Post by **aliasmask** » Tue May 26, 2015 2:58 am

Something's been bugging me about my first post that didn't work, so I went back and found what I did wrong. I put % instead of & when using the quote entity, oops.

Code: Select all

[H: img = getImage(tokenName)]
[H: tip = strformat('<html><img src="%{img}" height="400" width="400" /></html>')]
[H: tip = replace(tip,'"',""")]
[R: strformat('<img src="%{img}" height="50" width="50" alt="%{tip}">')]

RPTools.net

Images as tooltips on images in chat - can it be done?

Images as tooltips on images in chat - can it be done?

Re: Images as tooltips on images in chat - can it be done?

Re: Images as tooltips on images in chat - can it be done?

Re: Images as tooltips on images in chat - can it be done?

Re: Images as tooltips on images in chat - can it be done?

Re: Images as tooltips on images in chat - can it be done?

Re: Images as tooltips on images in chat - can it be done?