{"id":3824,"url":"\/distributions\/3824\/click?bit=1&hash=a0d33ab5520cacbcd921c07a49fc8ac5b78623b57936b992ce15c804b99210d4","title":"\u041a\u0430\u043a\u0443\u044e \u0440\u0435\u043a\u043b\u0430\u043c\u0443 \u043c\u043e\u0436\u043d\u043e \u0434\u0430\u0442\u044c \u043d\u0430 DTF \u0438 \u043a\u0442\u043e \u0435\u0451 \u0443\u0432\u0438\u0434\u0438\u0442","buttonText":"\u0423\u0437\u043d\u0430\u0442\u044c","imageUuid":"75ec9ef4-cad0-549d-bbed-1482dc44e8ee","isPaidAndBannersEnabled":false}
Офтоп
Tentacle Tenticals

Скрипт для замены DTF альбомов

Заменяет DTF альбомы на Альбом 2.0. Иной внешний вид, иные возможности.
Работает и с "подборками".
Обновлено (26 апреля, 15:24) - скрипт v1.2.2 (фиксы+обновление+поддержка Firefox).

Возможности:

  • Больше изображений в альбомах в виду их размеров, формы и расположения. Настраивается.
  • Изображения, не помещающиеся в альбоме, скрываются скроллбарами.
  • Возможность совмещения всех альбомов в статье в один Альбом 2.0.
  • Возможность создания Альбома 2.0 из "подборок" (изображений в статье вне альбомов).
  • Изображения в альбомах визуально разделены, т.е арты светлых оттенков/арты на светлом фоне/скриншоты на светлом фоне не смешиваются в кучу, а внешне отличимы друг от друга.
    Видно где начинается один арт, и заканчивается другой.
  • Изображения в альбомах показываются без ужатий, т.е все они реального размера (тут есть тонкости, об этом ниже в режиме просмотра).
  • В альбомы 2.0 встроен новый режим просмотра изображений альбомов.
    Этот режим просмотра работает лишь в альбомах 2.0, т.е он не заменяет режим просмотра изображений вне этих альбомов.
  • Режим зума при просмотре изображений.
  • Возможности копирования ссылки на изображение, сохранения изображения и поиска по изображениям.
  • Присутствуют кнопки замены стандартных альбомов на альбом 2.0, с возможностью возврата стандартных альбомов назад. Настраивается.
  • Два режима работы скрипта (ручной и автоматический) с настройкой каждого из них.
  • Практически все элементы альбома настраиваются - от названий кнопок, до внешнего вида элементов (цвета, фона, размера, и т.п), их расположения и количества.
  • Поддержка Chromium-браузеров, и Firefox. Для полноценной работы скрипта, нужно переключить настройки cfg:browser:isFirefox: true/false
    true - Firefox браузер.
    false - Chromium браузеры.

Содержание:

Режимы альбома:

  • Навигация.
  • Просмотр изображений. Имеет два под-режима - стандартный и зум.

Режим навигации:

  • Изображения в альбоме визуально ужаты в CSS чтобы помещаться в элементах.

Режим просмотра изображений:

  • Активируется при выборе изображения в альбоме.
  • Альбом отключает скролл страницы, и чуть её затемняет.
  • В левом верхнем углу страницы, расположена информация о изображении.
  • Слева и справа от элемента просмотра изображения, расположены кнопки навигации по изображениям альбома.

Стандартный режим просмотра изображений:

  • Изображения визуально ужаты в CSS чтобы помещаться в рамки предпросмотра, и чтобы быть показанными целиком.

Режим зума (при просмотре изображений):

  • Активируется при зажатии клавиши (Ctrl по-умолчанию) и одновременном скролле колёсиком мыши.
  • Какие-либо ужатия изображения отключаются, появляется возможность зума.
  • Увеличение не имеет каких-либо ограничений.
    Рассмотрите пяточку каждой 2D тян.
  • Уменьшение имеет ограничение, чтобы не достигать ситуации с 1 x 1 пиксельным изображением.
  • Сила зума настраивается в cfg:zoom:zoomPower.

Скролл (в режиме зума):

  • Скролл возможен клавишами клавиатуры.
    W-S-A-D по-дефолту.
  • Сила скролла настраивается в cfg:scroll:scrollPower.

Панель кнопок:

  • Каждое изображение альбома имеет панель кнопок.
  • Панель появляется при наведении на заголовок изображения.

Кнопки панели кнопок:

  • Копирование ссылки на изображение в буфер обмена.
  • Сохранение (скачивание) изображения.
  • Открытие меню поиска изображений.
  • Переключение из режима зума в обычный режим просмотра изображений.

Настройки скрипта:

Их...много. Поэтому просто опишу самое важное, и их группы.

searches: - Список поисковиков, используемый в меню поиска изображений.

  • url: Ссылка для работы поисковика. Можно узнать её, если начать поиск по изображениям (с использованием URL ссылки на изображение) в нужном Вам поиске.
  • name: Название поисковика, что Вы увидите в поисковом меню.
  • use: true/false. Использовать/не использовать поиск (исчезнет из поискового меню).
{url:'http://saucenao.com/search.php?db=999&url=', name:'Saucenao', use:true}

cfg: - Настройка режимов работы скрипта.

  • active: true/false - Включён/отключён режим.
  • auto: true/false - Автоматический/ручной режим работы.
    В автоматическом режиме, скрипт сам находит стандартные альбомы в статье, и заменяет их на Альбом 2.0.
    В ручном режиме, скрипт находит стандартные альбомы в статье, и добавляет кнопки для замены стандартных альбомов на Альбом 2.0.
  • merge: true/false - Включена/не включена кнопка совмещения всех стандартных альбомов в статье на один Альбом 2.0.
    Работает лишь по кнопке.
  • compilation: true/false - Включена/не включена кнопка сборки Альбома 2.0 из "подборок" (изображений в статье вне альбомов).
    Работает лишь по кнопке.
  • smartZoom: true/false - Включён/не включён "умный зум". При включении постарается скроллить скроллбар ближе к расположению курсора мыши.
    По-умолчанию выключено.
  • button1: Control - Клавиша активации зума.
    Работает лишь при одновременном скролле колёсиком мыши.
  • navigation:previous/navigation:next - ArrowLeft, ArrowRight.
    Кнопки навигации между выбранными изображениями в режиме просмотра.
  • navigation:esc: Escape - Кнопка для закрытия режима просмотра.

mainCSS: - CSS настройки альбомов.

  • albumItems: - Настройки "итемов" (изображений. Ну, почти. "Итем" содержит изображение, т.е это элемент, в котором хранится изображение альбома).
  • albumItems: itemsInColumn: - крайне важная настройка, отвечает за количество артов в одной "строке" альбома.
    По-умолчанию 4.
  • album: - Настройки самого альбома.
  • album: size: - размер альбома. "Итемы", идущие сверх этого размера, будут спрятаны скроллом.
  • album: overscroll: - Определяет что делать, если Вы пролистали весь альбом, т.е скролл альбома дальше не пойдёт.
    По-умолчанию auto.

Как использовать (применить) скрипт:

  • Вставкой кода скрипта в консоль devtools.
  • Подгрузкой скрипта с помощью расширений-менеджеров скриптов браузеров.

Как установить скрипт (в расширения-менеджеры скриптов):

  • Созданием нового скрипта в расширении-менеджере скриптов, и копированием в него кода скрипта с GitHub.
  • Установкой скрипта с greasyforks.

Список расширений-менеджеров скриптов:

Ссылки:

Прошлый опыт скрипта меня кое-чему научил - лучше не химичить с кучей разных версий скрипта, а делать одну общую, которая будет настраиваться.
В виду этого, версия будет одна (возможно две, если появится бета-версия скрипта. Но думаю, что всё-же достаточно будет одной).

Информация:

  • Для копирования ссылки на изображение в буфер обмена, скрипт использует Clipboard API.
  • Скрипт не удаляет стандартные DTF альбомы, он лишь скрывает их.

Если что-то будет работать не так, как должно, или же вообще не будет работать, и т.п - смело пишите в комментариях.

Не слишком-ли много настроек? Не знаю. Возможно я просто хочу, чтобы другие страдали.

0
31 комментарий
Написать комментарий...
Igorious

Побочный эффект — все картинки заменяются на аниме 🙂

Ответить
Развернуть ветку
Tentacle Tenticals
Автор

С не-аниме артами тоскливо было. Поэтому предпочёл тестировать и скринить сугубо аниме.
И артов больше, и "подборки" чаще.

Либо я такой искатель, что не нашёл того, что по нраву пришлось.

Ответить
Развернуть ветку
Аналитический кубок

Ничто не превзойдёт легендарный Ncage! Ничто!

Ответить
Развернуть ветку
Конституционный турник

Качаю!

Ответить
Развернуть ветку
Two Bee

Можно ссылку на пост с этой милотой?

Ответить
Развернуть ветку
Tentacle Tenticals
Автор
Ответить
Развернуть ветку
WannaBe2D

2 жс файла и 2к строк в каждом. Жсеры не меняются

Ответить
Развернуть ветку
Maxim

надо было в одном?

Ответить
Развернуть ветку
WannaBe2D

Можно не надо

Ответить
Развернуть ветку
Maxim

а всё, поздно

Ответить
Развернуть ветку
Tentacle Tenticals
Автор

В ноде можно нарезать, оно понятно.
Для обычной html страницы, которую ты сам и делал - тоже.

А вот в js скриптах (расширений браузеров) для сайтов, я пока без понятия как оно.

И это, файл один. "code" это сам код скрипта без "шапок" для Violentmonkey/Tampremonkey. По сути, можно публиковать лишь один файл...те, кому надо, сами "обрежут".

Ответить
Развернуть ветку
Shamisen

Почему автора ещё не взяли на работу в Комитет? Хотя я и забыл, что видимость деятельности для них важнее

Ответить
Развернуть ветку
Tentacle Tenticals
Автор
Почему автора ещё не взяли на работу в Комитет?

Потому что DTF сломался-бы через минуту после этого, и сгорел-бы в агонии.

Изначально, оно вообще работало лишь для подборок. Не ожидал, что сработает и для альбомов. Повезло, что список ссылок на изображения альбома хранится прямо в нём (альбоме).

Ответить
Развернуть ветку
Противный спрей

Появился визуальный баг расширения, в котором блоки не работают как надо.

Ответить
Развернуть ветку
Противный спрей

Пробовал даже темную тему отключить, тоже самое

Ответить
Развернуть ветку
Tentacle Tenticals
Автор

Обновлено.

Ответить
Развернуть ветку
Противный спрей

Ок, хорош! ༼ つ ◕_◕ ༽つ

Ответить
Развернуть ветку
Tentacle Tenticals
Автор

Сугубо мой косяк, сейчас поправим.

Ответить
Развернуть ветку
Максим Корчагин

1) Изображение располагается не по центру
2) Зум как-то вообще не работает
3) Можно по умолчанию масштаб не 100%, а растянуть на экран? Или настройкой

Ответить
Развернуть ветку
Tentacle Tenticals
Автор

Только что проверил.

Хм, скрины странные. Это со смартфона? Если да, то отсюда и проблема, ибо скрипт работает для пк (отслеживает скролл мыши для зума).

Надо-бы добавить в статью, что оно для пк-браузеров.
Если это действительно со смартфона, то не знаю, можно-ли сделать правку и для них. Не сталкивался, надо погуглить.

Ответить
Развернуть ветку
Максим Корчагин

Нет, это ПК, Firefox 99.0.1, и с последней версией всё так же не работает.

Ответить
Развернуть ветку
Tentacle Tenticals
Автор

Хм, попробую починить. Не ожидал такого.
Видимо при активации зума не блокирует стандартное поведение браузера.

Можно по умолчанию масштаб не 100%, а растянуть на экран?

Если под экраном имеется в виду "квадратный" элемент с артом, то не в режиме зума, арт ужат в CSS (без потери пропорций).
При первой активации зума, идёт включение полноразмерного арта (2560 x 1810 px, к примеру. Т.е 100% масштаб это полноразмерный арт), при второй уже идёт зум (125>150> и т.п).

Сделано так намеренно, ибо в большинстве случаев, арты почти всегда больших размеров, поэтому куда больше этого "квадрата".

Ответить
Развернуть ветку
Максим Корчагин
Если под экраном имеется в виду "квадратный" элемент с артом, то не в режиме зума, арт ужат в CSS (без потери пропорций).

Я посмотрел, если зум самой страницы 100%, то тут всё нормально. А вот если больше 100, видно только часть квадратного элемента.

Но кнопки всё ещё поехавшие.

И ещё - горизонтальные арты в квадрате кажутся меньше.

Ответить
Развернуть ветку
Tentacle Tenticals
Автор

https://greasyfork.org/ru/scripts/443976-dtf-album-2-0-firefox-%D0%B1%D0%B5%D1%82%D0%B0-%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%8F-%D1%81%D0%BA%D1%80%D0%B8%D0%BF%D1%82%D0%B0

Пока что, отдельная версия. Зум работает, чуть подправлено поведение при наведении на "итем" в альбоме не при режиме просмотра (z-index).

Новая настройка mode.browser.isFirefox даёт скрипту понять, что используется Firefox. Да, костыль.

Дело было в "style.zoom", который Firefox не поддерживается.

P.S
Зум работает при наведении мыши на само изображение в "квадрате" предпросмотра.
Если скроллить колёсиком мыши вне изображения, то сработает стандартное поведение браузера.
Наверное стоит это изменить.

Ответить
Развернуть ветку
Максим Корчагин

Скажем прямо, зум не работает.

Ответить
Развернуть ветку
Tentacle Tenticals
Автор

Теперь должно работать (основная версия обновлена).
Надо включить режим Firefox браузера в cfg.browser.isFirefox:true

Собственно, эта настройка лишь на зум и влияет.

Ответить
Развернуть ветку
Tentacle Tenticals
Автор

Крохотный фикс.
v 1.1.
Правка отступа кнопок совмещения альбомов, и создания альбома из подборки.

Ответить
Развернуть ветку
Tentacle Tenticals
Автор

Обновлено.
v 1.2 фикс ошибок просмотра изображений.

Ответить
Развернуть ветку
Tentacle Tenticals
Автор

Не туда.
Сообщение удалено.

Ответить
Развернуть ветку
Tentacle Tenticals
Автор

Обновлено.
v 1.2.1
Фикс ошибок (спасибо мне за то, что пропустил их мимо).

Теперь, кнопки объединения альбомов и сборки альбома из подборки центрируются. Там, где в начале статьи идёт текст, а не изображение, это бросается в глаза.

Небольшой CSS фикс отступов альбома, если альбом небольших размеров.

Ответить
Развернуть ветку
Tentacle Tenticals
Автор

Обновлено. v 1.2.2

Поддержка Firefox браузера (по идее и остальных, работающих на его движке). Включается в cfg:browser:isFirefox:true

Фиксы z-index некоторых элементов.

Новые настройки

Чуть больше возможностей.

Чуть переписан режим зума.
1) Заместо процентного зума, зум идёт числовым значением.
2) В хромиум браузерах (Chrome, Chromium, Vivaldi, Opera, Yandex, и т.п) зум идёт через style.zoom.
3) В Firefox браузере зум идёт через transform.scale().
4) Зум теперь не требует наведения на изображение в режиме просмотра, но требует этого, если у Вас включена настройка smartZoom (о чём и сообщит оповещение).
5) Зум теперь возможен кнопками клавиатуры без зажимания "button1".
По-умолчанию, "E"/"Numpad+" (увеличение), "Q"/"Numpad-" (уменьшение)

6) Силу зума теперь можно менять в настройках. Лучше всего выбирать значения 0.10/0.15/0.20/0.25/и т.п.

Теперь возможен скролл кнопками клавиатуры.
Сила скролла меняется в cfg:scroll:scrollPower:

Настройки сменили название - теперь cfg заместо main.
Настройки клавиш перенесены (и добавлены новые) в cfg:buttons:

(скриншоты сделаны в Firefox браузере)

Ответить
Развернуть ветку
Читать все 31 комментарий
null