Furaffinity-Submission-Image-Viewer

Library for creating custom image elements on Furaffinity

Этот скрипт недоступен для установки пользователем. Он является библиотекой, которая подключается к другим скриптам мета-ключом // @require https://updategf.qytechs.cn/scripts/492931/1803337/Furaffinity-Submission-Image-Viewer.js

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey, Greasemonkey или Violentmonkey.

Для установки этого скрипта вам необходимо установить расширение, такое как Tampermonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Violentmonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Userscripts.

Чтобы установить этот скрипт, сначала вы должны установить расширение браузера, например Tampermonkey.

Чтобы установить этот скрипт, вы должны установить расширение — менеджер скриптов.

(у меня уже есть менеджер скриптов, дайте мне установить скрипт!)

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

(у меня уже есть менеджер стилей, дайте мне установить скрипт!)

Автор
Midori Dragon
Версия
1.3.1
Создано
19.04.2024
Обновлено
19.04.2026
Размер
46,5 КБ
Лицензия
MIT

Furaffinity Custom Image Viewer

Library for creating image elements on FurAffinity.

See documentation 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("image-load", () => doSomething()); // alternative to onImageLoad
    faImageViewer.addEventListener("image-load-start", () => doSomething()); // alternative to onImageLoadStart
    faImageViewer.addEventListener("preview-image-load", () => doSomething()); // alternative to onPreviewImageLoad
    

Feature Roadmap

Feature Status
Support preview image ✅ Completed
Have different events for image loading ✅ Completed
Zooming and panning via panzoom ✅ Completed