Page 1 of 1

Add image as a spoiler?

Posted: Mon Apr 13, 2026 11:46 am
by Kink135
I am trying to add an inline image as a spoiler.
ref: viewtopic.php?p=388815#p388815

In that post, i tried using the following bbcode:
(Opening bracket replaced with a brace { so it'll show what I tried)
{spoiler]{url]https://i.postimg.cc/QMG1H81B/Two-Box-V ... n.jpg{/url]{/spoiler]

I have tried adding the image as an inline attachment, but the spoiler is broken and the image just appears at the bottom of the post. (in another version of the post)

I can add the image as an attachment, or reference an external image hosting site - whichever is necessary.

Thanks for your help!

Re: Add image as a spoiler?

Posted: Mon Apr 13, 2026 5:43 pm
by 2O23
Kink135 wrote: Mon Apr 13, 2026 11:46 am I am trying to add an inline image as a spoiler.
ref: viewtopic.php?p=388815#p388815

In that post, i tried using the following bbcode:
(Opening bracket replaced with a brace { so it'll show what I tried)
{spoiler]{url]https://i.postimg.cc/QMG1H81B/Two-Box-V ... n.jpg{/url]{/spoiler]

I have tried adding the image as an inline attachment, but the spoiler is broken and the image just appears at the bottom of the post. (in another version of the post)

I can add the image as an attachment, or reference an external image hosting site - whichever is necessary.

Thanks for your help!
Well, your link redirected me to such website https://postimg.cc/HrzVNCSH where I clicked on Share and it appeared Hotlink for forums where I clicked on copy button on the right and the result I paste below:
Image

Re: Add image as a spoiler?

Posted: Tue Apr 14, 2026 11:12 am
by Kink135
2O23 wrote: Mon Apr 13, 2026 5:43 pm
Well, your link redirected me to such website
I appreciate the reply -
but what I need help with is hiding an image in a spoiler tag. click the spoiler below to see what I mean.

Spoiler: show
i want my image to be hidden inside here so it must be clicked on.

Re: Add image as a spoiler?

Posted: Tue Apr 14, 2026 4:53 pm
by Augustulus
Kink135 wrote: Tue Apr 14, 2026 11:12 am
2O23 wrote: Mon Apr 13, 2026 5:43 pm
Well, your link redirected me to such website
I appreciate the reply -
but what I need help with is hiding an image in a spoiler tag. click the spoiler below to see what I mean.

Spoiler: show
i want my image to be hidden inside here so it must be clicked on.
You might just be confused with the tags, because it looks to me that you already understood the mechanics behind the bbcode formatting.

Taking your example from the first post:

Code: Select all

[spoiler][url]https://i.postimg.cc/QMG1H81B/Two-Box-Variation.jpg[/url][/spoiler]
just replace the url-tags with img-tags. Then the link gets resolved into an image.
It should look like this in the message:

Code: Select all

[spoiler][img]https://i.postimg.cc/QMG1H81B/Two-Box-Variation.jpg[/img][/spoiler]
and this once it's send (or in preview):
Spoiler: show
Image
The url-tags are for having text that will be converted into a hyperlink, while the img-tag is to show an image from an url. :-)

Re: Add image as a spoiler?

Posted: Tue Apr 14, 2026 10:47 pm
by 2O23
Kink135 wrote: Tue Apr 14, 2026 11:12 am
2O23 wrote: Mon Apr 13, 2026 5:43 pm
Well, your link redirected me to such website
I appreciate the reply -
but what I need help with is hiding an image in a spoiler tag. click the spoiler below to see what I mean.

Spoiler: show
i want my image to be hidden inside here so it must be clicked on.
So, do it the same way as you put a message in spoiler. Just select the image code and click spoiler button, so it will work.

Re: Add image as a spoiler?

Posted: Wed Apr 15, 2026 12:09 pm
by Kink135
Augustulus wrote: Tue Apr 14, 2026 4:53 pm
Kink135 wrote: Tue Apr 14, 2026 11:12 am
2O23 wrote: Mon Apr 13, 2026 5:43 pm
Well, your link redirected me to such website
I appreciate the reply -
but what I need help with is hiding an image in a spoiler tag. click the spoiler below to see what I mean.

Spoiler: show
i want my image to be hidden inside here so it must be clicked on.
You might just be confused with the tags, because it looks to me that you already understood the mechanics behind the bbcode formatting.

Taking your example from the first post:

Code: Select all

[spoiler][url]https://i.postimg.cc/QMG1H81B/Two-Box-Variation.jpg[/url][/spoiler]
just replace the url-tags with img-tags. Then the link gets resolved into an image.
It should look like this in the message:

Code: Select all

[spoiler][img]https://i.postimg.cc/QMG1H81B/Two-Box-Variation.jpg[/img][/spoiler]
and this once it's send (or in preview):
Spoiler: show
Image
The url-tags are for having text that will be converted into a hyperlink, while the img-tag is to show an image from an url. :-)
I'd have sworn I tried the img inside spoiler...
Spoiler: show
Image
But apparently it works... maybe I had a typo ;-)
Thanks!

Does Milo allow us to change the "spoiler" text?

Re: Add image as a spoiler?

Posted: Wed Apr 15, 2026 3:39 pm
by Augustulus
Kink135 wrote: Wed Apr 15, 2026 12:09 pm I'd have sworn I tried the img inside spoiler...
Spoiler: show
Image
But apparently it works... maybe I had a typo ;-)
Thanks!
You're welcome. Depending on what you tried, you might did not have a link ending on jpg or similar.
Because if it's not an image, the img-tag will only print out the word "Image". :unsure:
Kink135 wrote: Wed Apr 15, 2026 12:09 pm Does Milo allow us to change the "spoiler" text?
You mean this "Spoiler: show/hide" stuff?
I fear not. At least I don't know of a way and the milo help-page for bbcode does also not cover this.