Torben Haack's profile picture

Published by

published
updated

Category: SpaceHey

[Guide] How to use images and gifs in comments

Hey πŸ‘‹πŸ»
I've recently found a workaround for posting images and gifs in comments, without the need of theΒ <img> tag.
Fortunately, spacehey allows the use of the <video> tag in comments. And a nice feature, that the video tag has, is the poster attribute. We abuse this poster attribute, to show the gif/image, which we want to display.
It's also recommended to add the width and height attributes. Else it may overflow the comment section, if the image/gif is too large. (Example)

Code:
<video poster="IMG_LINK" width="200px" height="auto"></video>

Replace IMG_LINK with the actual link of the image/gif you want to use 🏞

See some examples in the comments.

✨ Also thanks to alex for pointing out to me, that I could write a blog entry about it ✨


47 Kudos

Comments

Displaying 20 of 20 comments ( View all | Add Comment )

JDEO-God

JDEO-God's profile picture


Report Comment

JDEO-God

JDEO-God's profile picture


Report Comment

Stryder

Stryder's profile picture


Report Comment

badasskeleton192

badasskeleton192's profile picture

When I add an image it becomes rounded, is there a fix to this or?


Report Comment

Will Byers

Will Byers's profile picture


Report Comment

BRA1N-E4TER

BRA1N-E4TER's profile picture

like this?


Report Comment



welp i think the code ay not be in use anymore

by BRA1N-E4TER; ; Report

Maria desuja

Maria desuja's profile picture

Thanks for sharing the code to add Images and gif in your comments or we can add image from attachment also when it is available.


Report Comment

Robyn Leigh

Robyn Leigh 's profile picture

I cant seem to add my images to my about me section or a bulletin. No code is working for me. Do you happen to have one ?


Report Comment



instead of using the actual link click " copy image address" it should show up.
you can also use this link to see a preview on how it would look on your page https://nein-mc.neocities.org/csstest/

by Mariana; ; Report

𝕡𝖔𝖍𝖓 𝕯

𝕡𝖔𝖍𝖓 𝕯's profile picture

I think this feature has been disabled as it is no longer working.


Report Comment

sadgrl.online

sadgrl.online's profile picture

Does this still work? I'm trying and it still displays a blank comment. Is there anything we should change from your source code other than the image link?


Report Comment



If you have the URL of the gif, put it in am img tag:

by PastelKiss; ; Report

i don't think it works in comments i've been using it in blogs bulletins and on my profile but comments i don't think it's possible

by andrew covell; ; Report

️‍ π”Ύπ•π•šπ•₯𝕔𝕙 Đᐰ𝕕𝕕π•ͺ 𝕏

❀️‍πŸ”₯ π”Ύπ•π•šπ•₯𝕔𝕙 Đᐰ𝕕𝕕π•ͺ 𝕏's profile picture

πŸ†ƒπŸ…·πŸ…°πŸ…½πŸ…Ί πŸ†ˆπŸ…ΎπŸ†„ πŸ…΅πŸ…ΎπŸ† πŸ…ΏπŸ…ΎπŸ†‚πŸ†ƒπŸ…ΈπŸ…½πŸ…Ά πŸ…ΈπŸ†…πŸ…΄ πŸ…±πŸ…΄πŸ…΄πŸ…½ πŸ†ƒπŸ†πŸ†ˆπŸ…ΈπŸ…½πŸ…Ά πŸ†ƒπŸ…Ύ πŸ…΅πŸ…ΈπŸ…ΆπŸ†„πŸ†πŸ…΄ πŸ…ΎπŸ†„πŸ†ƒ πŸ…ΆπŸ…ΈπŸ…΅πŸ†‚ πŸ…΅πŸ…ΎπŸ† πŸ…°πŸ…»πŸ…ΌπŸ…ΎπŸ†‚πŸ†ƒ πŸ…°πŸ…½ πŸ…·πŸ…ΎπŸ†„πŸ†


Report Comment

Lily

Lily's profile picture

i couldn't figure out why this wouldn't work for me, but i realized it looks like the video tag has been disabled for comments :~((((((((


Report Comment

Nole

Nole's profile picture

I don't know what I have done wrong,

Even if I copy another comment my picture is gone


Report Comment

Tracy

Tracy's profile picture


Report Comment



the best andy.

by amanda<3; ; Report

Tracy

Tracy's profile picture


Report Comment

Torben Haack

Torben Haack's profile picture

@Tracy you'll have to remove the less than and greater than symbols.

So instead of having "[ https://i.gifer.com/OA9I.gif ]" it should just be "https://i.gifer.com/OA9I.gif".
Probably should've formatted in a better way in the blog post




I used square brackets here instead of the actual symbols, since they're getting removed from the comments.


Report Comment

Tracy

Tracy's profile picture

Hi Torben I’ve tried this a few times in the comment but it’s not working for me. I copied the code above into the comment and then pasted in a gif url in place of img_link leaving the two surrounding the url. This is tgg he r url I was trying to use. Am I using a link I can’t use or pasting it in wrong? Appreciate your post

https://i.gifer.com/OA9I.gif


Report Comment

Torben Haack

Torben Haack's profile picture


Report Comment

Torben Haack

Torben Haack's profile picture


Report Comment

Torben Haack

Torben Haack's profile picture


Report Comment