I'm not a big fan of "hidden" information—it is hard to see. Furthermore, I think it's disorienting when clicking or hovering makes a giant image or block of text appear.
The correct way to do this would be to use a thumbnail, and make that thumbnail link to the full-size image, so it is available if someone wants it.
This is simple to accomplish. When you insert an image, the following Markdown is automatically generated:
[![enter descriptive text][1]][1]
That's the full-sized image, linking to the full-sized image. Sometimes that's appropriate, but in this case, we want a thumbnail. So, change the Markdown to:
[![enter descriptive text][2]][1]
[1]
should be the URL of your full-size image, the automatically generated slug at ImgUr. [2]
is that same URL, but with an m
(or s
) appended to the end of that slug. m
has ImgUr automatically render a medium-sized thumbnail, while s
requests a small-sized thumbnail.
The net effect is simply:
or
If absolutely necessary, you could combine this thumbnail with the "spoiler" Markdown, but please use this sparingly. It doesn't really make sense to have "spoilers" on a programming Q&A site.
Unfortunately, as you can see, "spoiler" always uses a blockquote-style formatting, and the underline on image links does not disappear. It doesn't look great. This serves as another reminder not to use it without a very good reason.
[spoiler]
on forums, (a tag in which you can put everything you want that will be hidded as long it has not been clicked). So I guess the answer is no![thumbnail]
or so could be useful.feature-request
instead ofsupport
?