Furaffinity-Submission-Image-Viewer

Library for creating custom image elements on Furaffinity

Script này sẽ không được không được cài đặt trực tiếp. Nó là một thư viện cho các script khác để bao gồm các chỉ thị meta // @require https://update.greasyfork.org/scripts/492931/1363921/Furaffinity-Submission-Image-Viewer.js

Tác giả
Midori Tsume
Phiên bản
1.0.2
Đã tạo
19-04-2024
Đã cập nhật
21-04-2024
Giấy phép
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