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.greasyfork.org/scripts/492931/1363921/Furaffinity-Submission-Image-Viewer.js

Autor
Midori Tsume
Version
1.0.2
Erstellt am
19.04.2024
Letzte Aktualisierung
21.04.2024
Lizenz
MIT

Furaffinity Custom Image Viewer

Library for creating image elements on Furaffinity. Also see this Script on Github as Furaffinity-Submission-Image-Viewer

How to use

  • @require this script
  • Create a new Custom Image Viewer:
  const baseElem = document.createElement("div");
  const faImageViewer = new CustomImageViewer(imgSrc, prevSrc);
  faImageViewer.load(baseElem);
  • Optional: Subscribe to Events:
  faImageViewer.onImageLoad(() => doSomthing()); // occurs if the image is fully loaded
  faImageViewer.onImageLoadStart(() => doSomthing()); // occurs if the image started loading
  faImageViewer.onPreviewImageLoad(() => doSomthing()); // occurs if the preview image fully loaded

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
  • hasReset - if the image has been reset

Functions:

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