Danbooru

Thumbnails of animated images

Posted under Bugs & Features

Was not sure if I should be posting this as a feature request on github instead...

It wasn't an issue for me before, but I'm seeing a lot of animated images lately, and from the thumbnail, you can't tell what's animated and what isn't. So there are a lot of images that you wouldn't click because of a rather uninteresting thumbnail.

What I'm suggesting is displaying a small Play Button for the thumbnails of images tagged animated.
This could be easily added to the danbooru - miscellaneous tweaks userscript (a "►" below the thumbnail, next to "Score: X"), but I wonder if this isn't something that could benefit all users by being a feature of danbooru itself.

Does this look good? (put in custom css to try)

article.post-preview[data-tags~=animated]:before {
  position: absolute;
  content: "►";
  background-color: white;
  width: 20px;
  height: 20px;
  border-bottom-right-radius: 5px;
}

Yes, that works nicely.
I tried around a bit and I like it with these adjustments:

color: white; 
background-color: rgba(0,0,0,0.5); /* or a solid grey background */
margin-left: 2px;
margin-top: 2px;

Margin to not overlap with the parent/child/pending/flagged border.
There are many animated posts with white backgrounds, and the arrow looked confusing (changed to white arrow on dark background).

Borrator said:

Rather, shouldn't webm imply animated?

As far as this ► icon goes, I made it so it appears on any post tagged animated or has webm or swf file extension, so webm doesn't need to imply animated for this to work.

webm implying animated sounds like a legitimate suggestion anyway but should probably be discussed in a different thread.

1