Техническое. Как настроить aftershock для просмотра картинок с расширением Imagus

Imagus - расширение браузеров (Chrome, Firefox и им подобных; не Safari, не IE11) для просмотра полноразмерных картинок по наведению мыши на уменьшенную картинку или ссылку. Оно помогает просмотру всех сайтов - чтобы увидеть картинку, не переходя на новую страницу. Даже без хитростей, описанных ниже, оно для aftershock.news даст много удобства для просмотра картинок - навели мышь на малую картинку - тут же увидели её максимально увеличенный вариант (как на картинке справа, с орлом). И ещё много функций - увеличить масштаб этого варианта (давим букву "Z", затем - "+", "+"...), посмотреть размеры (ставится галочка в настройках), закинуть на сервис картинок (свой сервис - прописать в картинках вместо установленных по умолчанию, потом буквой "S" отправляется) и прочие.

Но есть у него и "премиум"-функции - фильтры: если расширение настроено под сайт, открываются такие картинки, которые без настроек не открываются (об этом - суть статьи). Для десятков сайтов уже есть в расширении фильтры - Яндекс, GoogleImages, Reddit и другие. На Реддите есть и актуальная тема по Imagus с автором расширения, а по-русски такое же глубокое обсуждение и списки фильтров - на ru-board. 

Чтобы для Афтершока показывать особые картинки (аватары, тизеры), нужно импортировать фильтр для него (как импортировать - написано ниже). После этого получим новые эффекты:

• по наведению мыши на аватар (в комментах, в сайдбаре) - увеличенный аватар;

• в списке статей (не в отдельной статье; в отдельной - работает без ввода дополнительных правил-фильтров) по наведению на тизер - просмотр увеличенного тизера;
   

  ​

  
   
• по наведению на иконки разделов - увеличенные иконки.
  
  

Конечно, если при загрузке пользователь или владелец раздела загружал увеличенную картинку для иконки или аватара. Это поможет 1 движением мыши заглянуть в замысел автора при создании собственной иконки - картинка отобразится во всех деталях, а не в квадратике 75х75.

Обратите внимание на то, что нигде штатными средствами Афтершок вы не увидите эти увеличенные картинки, только если автор не показал её ссылку в примечании к своему профилю. А обычно этого никто не делает - зачем?

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

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

Сказка - впереди, или делаем, чтобы работало то, что на рисунках выше

Итак, допустим, что у нас Хром-браузер (примерно то же - для Яндекса, Edge нового, Brave, Opera, Vivaldi и других с движком Chrome).

1. Заходим на https://chrome.google.com/webstore/detail/imagus/immpkjjlgappgfkkfieppnm... , ставим расширение браузера.
2. Заходим на aftershock, перезагружаем страницу - и расширение работает, базовые функции показа увеличенных картинок есть (как в статье на тизере), но аватары, иконки разделов и тизеры из списков статей - ещё не увеличиваются. Пришло время героев...
3. Находим, где у Хрома - значок расширения Imagus. ... Да, настройки - там, за вертикальным троеточием, указанным стрелкой мыши.
   
4. Из настроек - будет интересна ещё "Минимальная разница размеров для увеличения" (выделена оранжевым), её лучше поставить в 10-20%, но вернёмся к ней позже. А пока что - идём сделать главную миссию - поставить чудесный фильтр Аквафор для Афтершока. переходим на вкладку фильтры.
   
5. В "Фильтрах" нажимаем кнопку "Импорт", чтобы затем ввести фильтр для aftershock.news. Он у меня уже стоит, поэтому результат вставки будет выглядеть, как на скриншоте - первая кнопка -"aftershock.news".
   
6. В диалоге импорта вводим магическую строчку (сам фильтр, делающий все 3 дополнительных эффекта для Афтершок), видимую на картинке, и нажимаем "Из текста". Строчка для копирования — изображена под картинкой.
   
7. И — нажать кнопку "Сохранить" справа. Кнопка фильтра с надписью "aftershock.news" добавится к десяткам других.

Строчка фильтра для импортирования:

{"aftershock.news":{"useimg":1,"img":"\\/files(\\/styles\\/(icon|teaser(large)?|avatar-mini)\\/public)","dc":2,"to":"/files"}}

После этого описанные в начале статьи на картинках 3 дополнительных эффекта будут работать. Фильтр установлен, сайт на дополнительные функции настроен.

8. Настройку "Минимальная разница размеров для увеличения" полезно поставить величиной до 20%, чтобы не наблюдать почти тот же размер увеличенной картинки. Можно вообще установить в 0%-1%, чтобы не дублировался показ картинок, аватаров, уже и без того показанных в полном размере. Так, будут отсекаться серые аватары "По умолчанию", и те, которые и без того загружены в размере 75х75 пикселей.

Всё это можно разработать и настроить и прямо на сайте, без всяких установок расширений. Когда-то ставил такую функцию на Javascript на одном сайте для показа увеличенных картинок. Для этого нужно было написать 4-5 КБ кода (адаптирован был какой-то работающий код, задолго до Imagus). Но то, что сделано в Imagus, то, что он настроен на много других сайтов и настраивается на очередные конкретные сайты и их особенности - в этом он однозначно мощнее написанных скриптов. Рекомендую им пользоваться в качестве развлечения, украшения или удобства.