Скрипт для замены 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. Использовать/не использовать поиск (исчезнет из поискового меню).
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.
Список расширений-менеджеров скриптов:
Ссылки:
Прошлый опыт скрипта меня кое-чему научил - лучше не химичить с кучей разных версий скрипта, а делать одну общую, которая будет настраиваться.
В виду этого, версия будет одна (возможно две, если появится бета-версия скрипта. Но думаю, что всё-же достаточно будет одной).
- GitHub
- Greasyfork (Chrome-Firefox)
Информация:
- Для копирования ссылки на изображение в буфер обмена, скрипт использует Clipboard API.
- Скрипт не удаляет стандартные DTF альбомы, он лишь скрывает их.
Если что-то будет работать не так, как должно, или же вообще не будет работать, и т.п - смело пишите в комментариях.
Не слишком-ли много настроек? Не знаю. Возможно я просто хочу, чтобы другие страдали.
Побочный эффект — все картинки заменяются на аниме 🙂
С не-аниме артами тоскливо было. Поэтому предпочёл тестировать и скринить сугубо аниме.
И артов больше, и "подборки" чаще.
Либо я такой искатель, что не нашёл того, что по нраву пришлось.
Ничто не превзойдёт легендарный Ncage! Ничто!
Качаю!
Можно ссылку на пост с этой милотой?
https://dtf.ru/s/weaboo/1166366-lyumin-iz-genshin-impact-chast-10
2 жс файла и 2к строк в каждом. Жсеры не меняются