I'm pretty sure you're going to need to forget about using WikiText for
that kind of link to the external website.
Go to tiddlywiki.com, and put the following in a tiddler:
<style>
.tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
/* Position the tooltip */
position: absolute;
z-index: 1;
}
.tooltip:hover .tooltiptext {
visibility: visible;
}
</style>
*<a href="https://ark.fandom.com/wiki/The_Island"; target="_blank"
class="tooltip">The Island<span class="tooltiptext">{{Motovun
Jack.jpg}}</span></a>*
For your own TiddyWiki, if you only need the styling for the one tiddler,
you might as well put all of the style stuff at the start of that one
tiddler. If you need this kind of thing in more than one tiddler, then
you'll want to put the stuff between the style tags in a stylesheet tiddler.
That last line, the link line, is what you need instead of [[The Island|
https://ark.fandom.com/wiki/The_Island]]
On Sunday, January 9, 2022 at 6:28:26 PM UTC-4 heusmich wrote:
> OK, in general this is working. I tried it and I can add an image that I
> uploaded to my TiddlyWiki before and it will be shown as the tooltip.
> But I don´t know how I can use this in my case.
> Problem is, I have a table with a few rows and columns.
> In one cell of this table for example I have the following content:
>
> | [[The Island|https://ark.fandom.com/wiki/The_Island]] |
>
> This creates a link with the name "The Island" and the target address is "
> https://ark.fandom.com/wiki/The_Island";, but only the name "The Island"
> is shown in the cell.
> So now I want to show a map of "The Island" as a tooltip when I hover over
> the name "The Island".
> I don´t know how I have to write the code and how I add it to the table to
> make this working...
> Can you tell me, what exactly I have to do?
>
> [email protected] schrieb am Sonntag, 9. Januar 2022 um 22:56:51 UTC+1:
>
>> I'm pretty sure you can do that with the following as a guide:
>> https://www.w3schools.com/css/tryit.asp?filename=trycss_tooltip
>>
>> Instead of a span of text, an image of that class should do the trick.
>>
>> On Sunday, January 9, 2022 at 4:58:01 PM UTC-4 heusmich wrote:
>>
>>> Hi @all,
>>>
>>> I know the I can show text as a tooltip for an image and I know how to
>>> do it.
>>> But now I´m wondering if it´s also possible to show an image as a
>>> tooltip.
>>> In some of my documents I have links to different internet pages and now
>>> - if possible - I want to show a picture when I hover with my mouse over
>>> the link.
>>> Does anybody know if this is possible somehow?
>>>
>>> Best regards
>>> heusmich
>>>
>>
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/497b5e87-9993-4f5a-ad31-35084568ca20n%40googlegroups.com.
