Greasy Fork is available in English.

Furaffinity-Submission-Image-Viewer

Library for creating custom image elements on Furaffinity

此腳本不應該直接安裝,它是一個供其他腳本使用的函式庫。欲使用本函式庫,請在腳本 metadata 寫上: // @require https://update.greasyfork.org/scripts/492931/1363921/Furaffinity-Submission-Image-Viewer.js

作者
Midori Tsume
版本
1.0.2
建立日期
2024-04-19
更新日期
2024-04-21
授權條款
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