Furaffinity-Submission-Image-Viewer

Library for creating custom image elements on Furaffinity

Dieses Skript sollte nicht direkt installiert werden. Es handelt sich hier um eine Bibliothek für andere Skripte, welche über folgenden Befehl in den Metadaten eines Skriptes eingebunden wird // @require https://update.greasyforks.org/scripts/492931/1549454/Furaffinity-Submission-Image-Viewer.js

Stellen Sie eine Frage, veröffentlichen Sie eine Bewertung oder melden Sie das Skript.

Autor: Midori Tsume
Version: 1.1.1
Erstellt am: 19.04.2024
Letzte Aktualisierung: 07.03.2025
Größe: 29,7 KB
Lizenz: MIT

Furaffinity Custom Image Viewer

Library for creating image elements on Furaffinity. Also see docs on Furaffinity-Submission-Image-Viewer

How to use

@require this script

Create a new Custom Image Viewer:

const baseElem = document.createElement("div");
const faImageViewer = new FAImageViewer(baseElem, imgSrc, prevSrc);
faImageViewer.load(); // starts loading the image

Optional: Subscribe to Events:

faImageViewer.onImageLoad(() => doSomething()); // occurs if the image is fully loaded
faImageViewer.onImageLoadStart(() => doSomething()); // occurs if the image started loading
faImageViewer.onPreviewImageLoad(() => doSomething()); // occurs if the preview image fully loaded
⠀⠀⠀⠀
faImageViewer.addEventListener("imageLoad", () => doSomething()); // alternative to onImageLoad
faImageViewer.addEventListener("imageLoadStart", () => doSomething()); // alternative to onImageLoadStart
faImageViewer.addEventListener("previewImageLoad", () => doSomething()); // alternative to onPreviewImageLoad

Feature Roadmap

Feature	Status
Support preview image	✅ Completed
Have different events for image loading ⠀⠀⠀⠀	✅ Completed

Documentation

CustomImageViewer

The CustomImageViewer class contains following Properties:

imageUrl - the image url
previewUrl - the preview image url
parentContainer - the parent container on which the image will be created
faImage - the image element
faImagePreview - the preview image element
onImageLoad - the callback for when the image is fully loaded
onImageLoadStart - the callback for when the image starts loading
onPreviewImageLoad - the callback for when the preview image is fully loaded

Functions:

load() - starts loading the image
reset() - resets the image