this post was submitted on 08 Mar 2026
2 points (75.0% liked)

Perchance - Create a Random Text Generator

1806 readers
6 users here now

⚄︎ Perchance

This is a Lemmy Community for perchance.org, a platform for sharing and creating random text generators.

Feel free to ask for help, share your generators, and start friendly discussions at your leisure :)

This community is mainly for discussions between those who are building generators. For discussions about using generators, especially the popular AI ones, the community-led Casual Perchance forum is likely a more appropriate venue.

See this post for the Complete Guide to Posting Here on the Community!

Rules

1. Please follow the Lemmy.World instance rules.

2. Be kind and friendly.

  • Please be kind to others on this community (and also in general), and remember that for many people Perchance is their first experience with coding. We have members for whom English is not their first language, so please be take that into account too :)

3. Be thankful to those who try to help you.

  • If you ask a question and someone has made a effort to help you out, please remember to be thankful! Even if they don't manage to help you solve your problem - remember that they're spending time out of their day to try to help a stranger :)

4. Only post about stuff related to perchance.

  • Please only post about perchance related stuff like generators on it, bugs, and the site.

5. Refrain from requesting Prompts for the AI Tools.

  • We would like to ask to refrain from posting here needing help specifically with prompting/achieving certain results with the AI plugins (text-to-image-plugin and ai-text-plugin) e.g. "What is the good prompt for X?", "How to achieve X with Y generator?"
  • See Perchance AI FAQ for FAQ about the AI tools.
  • You can ask for help with prompting at the 'sister' community Casual Perchance, which is for more casual discussions.
  • We will still be helping/answering questions about the plugins as long as it is related to building generators with them.

6. Search through the Community Before Posting.

  • Please Search through the Community Posts here (and on Reddit) before posting to see if what you will post has similar post/already been posted.

founded 2 years ago
MODERATORS
eatham@lemmy.world
eatham@aussie.zone
VioneT@lemmy.world
perchance@lemmy.world
2
Add Tooltip to Image in list editor? (lemmy.world)
submitted 3 weeks ago by FarmerGadda@lemmy.world to c/perchance@lemmy.world
1 comments fedilink hide all child comments
 

I've been trying to research this on my own, but since the addition of the AI image generator, googling any perchance with the word "image" in it has kinda overwhelmed the results with questions about that, so finding out if this has already been asked has been unfruitful lmao.

I am attempting to add a tooltip to an image that's called via the line editor, currently it reads:

<img style\="height:12px" src\="[buy.Cons.PowerCharge.img]"/> <b> [tooltip(buy.Cons.PowerCharge.name, buy.Cons.PowerCharge.desc)] </b>

With this, the image appears at the size and location desired. However, I want the ability to hover over the small 12 px image to view it larger, using the tooltip options feature to allow for html and thus, images, but I keep recieving an error that something about the initial image html as the target for tooltipping isn't working.

[tooltip(<img style\="height:12px" src\="[buy.Cons.PowerCharge.img]"/>, example text)]

The above gives me errors tagged around the img and style sections, or it will complain about missing a closing bracket despite one clearly being there.

tl;dr What is the format for applying a tooltip to an image in the list editor?

you are viewing a single comment's thread
view the rest of the comments
[–] perchance@lemmy.world 1 points 2 weeks ago* (last edited 2 weeks ago)

This should do the trick:

[tooltip("<img style=\"height:12px\" src=\"[buy.Cons.PowerCharge.img]\"/>", "example text")]

There are a couple of gotchas here which are easy to trip on:

  • Since we're writing code inside a square block, we don't need to backlash before the equals signs.
  • Since we're using quotes-within-quotes, we need to put backslashes before the inner quotes.

For the second issue, you can actually use single quotes for the outer quotes instead, which means you don't need to backslash the inner quotes:

[tooltip('<img style="height:12px" src="[buy.Cons.PowerCharge.img]"/>', "example text")]

Pro tip: This, btw, is just regular JavaScript stuff (the syntax/code inside square blocks is always just executed as JavaScript), rather than anything specific to the perchance engine itself, so you can ask an AI something like:

why isn't this javascript working? tooltip(<img style="height:12px" src="[buy.Cons.PowerCharge.img]"/>, example text)

And it should give you an answer even if it doesn't know anything about perchance (though it may be a bit confused by [buy.Cons.PowerCharge.img] because that's perchance syntax, and it probably expects to see a plain https url there in place of that).