Greasy Fork

What's New❓

Faster Image Previews: If the website provides a special image link, previews now load super fast!

Still Works Great: If the website doesn't have that special link, the preview still works as it did before.

More Reliable: The preview is now more stable, so you should see fewer errors.

Under the Hood: I made some changes to keep the script clean and tidy.
In Simple Terms:

The image previews are now faster and more reliable, especially when the website provides the image directly. If not, no worries, it works just like before.

what's new❓ introduced a new pop-up notification to install the new script!

what's new ? it's much faster

- Positioned the preview container relative to the mouse cursor.
- Updated the script to check if the image URL is already cached in localStorage.
- If the image is cached, displayed it directly instead of making a new request.
- Added logic to remove the loading indicator after the image is cached.
- Ensured that the image is fully loaded before storing it in the cache.
- Implemented error handling to handle cases where a cached image might be broken or corrupted.
- Removed invalid cached entries and fetched the image again if the cached image is broken.
- Reviewed and refactored the code for clarity and maintainability.

hot fix thx to Anas Designer for the feedback

Fix image preview not showing

• Added my anime list aka erai-raws.info/my-anime-list/.

Added a check if preview container is too close to edge of viewport this make the full image appear when it's out of the page border.

Changelog

• Added a new line to set the max-height property of the previewContainer element to the height of the viewport minus 40 pixels to ensure that the full image is visible even when it extends beyond the bottom of the viewport.
• Updated the code that sets the top and left CSS properties of the previewContainer element to use Math.min and Math.max functions to ensure that the preview box stays within the bounds of the viewport.
• Added comments to explain the purpose of each code block.
• Updated the code that removes the previewContainer element to remove the mousemove event listener before removing the element, to prevent potential memory leaks.

»˚✦ add an icon