bannerBaka-UpdatesManga
Manga Poll
Would you cut your sandwiches into rectangles or triangles?
Triangles
Rectangles
I switch between them
I don't cut my sandwiches
I don't make sandwiches
Other
 
mascot
Manga is the Japanese equivalent of comics
with a unique style and following. Join the revolution! Read some manga today!

RSS Feed

[Userscript] MangaUpdates Inline Covers - Display Series Covers on Release Pages

You must be registered to post!
From User
Message Body
Member


2 weeks ago
Posts: 1

[Userscript] MangaUpdates Inline Covers - Display Series Covers on Release Pages

Hey everyone! I created a userscript that automatically displays manga cover images inline next to series links on the releases page. Thought some of you might find it useful!

What It Does

The script adds cover images right next to series titles on the releases page, making it much easier to visually identify series at a glance. It's like having a mini gallery view built into the release list!

Key Features

  • Instant Loading - Covers are cached locally, so they load immediately on repeat visits
  • Fast Fetching - New covers are fetched in parallel batches for quick initial loading
  • Automatic Updates - Works seamlessly with pagination and filtering
  • Clean Design - Properly scaled images (200px height) with subtle borders
  • Lightweight - Minimal performance impact with smart debouncing

Installation

Requirements: You need a userscript manager extension:

Install the script:

  1. Install one of the userscript managers above
  2. Click here: Install MangaUpdates Inline Covers
  3. Confirm the installation prompt
  4. Visit the releases page and enjoy!

How It Works

Once installed, the script runs automatically on any releases page. Cached covers appear instantly, while new covers are fetched in the background. Everything is stored locally in your browser, so there's zero server load on MangaUpdates and covers load lightning-fast on subsequent visits.

Customization

You can adjust the image height and performance settings by editing these values at the top of the script:

const MAX_IMAGE_HEIGHT = 200;        // Image height in pixels
const CONCURRENCY_LIMIT = 8;         // Simultaneous fetches
const DEBOUNCE_DELAY = 100;          // DOM update delay (ms)

Browser Compatibility

Tested and working on:

  • Chrome/Chromium 90+
  • Firefox 88+
  • Edge 90+
  • Safari 14+
  • Opera 76+

Troubleshooting

Images not showing?

  • Check that localStorage is enabled in your browser
  • Check the browser console (F12) for any errors

Performance issues?

  • Try reducing CONCURRENCY_LIMIT to 4 or 6
  • Increase DEBOUNCE_DELAY to 200 or 300

Clear the cache:

Open your browser console (F12) and run:

localStorage.removeItem('mangaupdates_coverCache')

Source Code & Issues

The project is open source (MIT License):

Feedback Welcome!

Let me know if you run into any issues or have suggestions for improvements. Hope this makes browsing releases more enjoyable!


Version: 2.2
License: MIT
Author: Antonio Jun


... Last edited by tonitonitoni 2 weeks ago
You must be registered to post!