The Imagus Chrome and Firefox extension shows image previews on hover. Currently with kbin, hovering over the thumbnail in the frontpage or magazine view just shows the thumbnail but slightly larger, which isn’t what we want (especially since the thumbnails have a distorted aspect ratio). Here’s how to make the extension show the full image when hovering over the thumnail:

  1. In Chrome, open the extension options from the extension menu (puzzle piece icon in the toolbar). The Firefox version likely is somewhat similar.
  2. Go to the “Sieve” tab and click the “+” button to add a new rule.
  3. In the img field, use: ^kbin\.social/media/cache/resolve/entry_thumb/(.*)
  4. In the to field, use: media.kbin.social/$1
  5. Save and refresh any pages that you wanted to use this on.

What the rule should look like

Before

Before screenshot

After

After screenshot

For non-kbin.social instances, you most likely just have to update the domain in the regexes above (steps 3 and 4) to whatever your instance’s domain is. I escaped the dot in kbin.social to be safe (if you don’t escape it, it matches any character), but it’s unlikely to matter.

You are viewing a single thread.
View all comments
1 point

This works if we’re only talking about static images.

However, if a thread links to, let’s say, something from redgifs.com, then you’ll only get the static image instead of the animated gif that you would hovering over a direct link.

Do you know how we can reach the underlying linked URL and use Imagus based on that?

permalink
report
reply

/kbin meta

!kbinMeta@kbin.social

Create post

Magazine dedicated to discussions about the kbin itself. Provide feedback, ask questions, suggest improvements, and engage in conversations related to the platform organization, policies, features, and community dynamics. ---- * Roadmap 2023 * m/kbinDevlog * m/kbinDesign

Community stats

  • 1

    Monthly active users

  • 1.3K

    Posts

  • 13K

    Comments

Community moderators