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

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

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

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

  • Больше изображений в альбомах в виду их размеров, формы и расположения. Настраивается.
  • Изображения, не помещающиеся в альбоме, скрываются скроллбарами.
  • Возможность совмещения всех альбомов в статье в один Альбом 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 альбомы, он лишь скрывает их.
Скрипт для замены DTF альбомов

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

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

5050
31 комментарий

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

6
Ответить

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

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

1
Ответить

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

1
Ответить

Качаю!

Ответить

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

2
Ответить

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

1
Ответить