FANDOM


CategoryIcon добавляет иконки к ссылкам на страницах категорий, где имя изображения — ссылка. Добавленные изображения по умолчанию имеют класс «cicon-image».

Установка

Импортируете несколько скриптов? В этом кратком руководстве показано, как объединить несколько импортов.
  • Для локального использования на вики администратор может вставить в страницу MediaWiki:ImportJS строку ниже.
dev:CategoryIcon/code.js
  • Для персонального использования нужно вставить код, расположенный ниже, на страницу global.js (для глобального использования) или common.js (для использования на одной вики).
importArticles({
    type: 'script',
    articles: [
        'u:dev:MediaWiki:CategoryIcon/code.js',
    ]
});

Настройка

Параметры иконок можно регулировать изменением с помощью CSS:

.cicon-image {
    width: 45px;
}
Опции скрипта
доступны через window.fng.cicon:
опция - значение по умолчанию - возможные значения
описание
debug - false - true/false
выводить отладочную информацию в консоль
restrict - true - true/false
скрипт будет работать только в пространстве категория:
ext - .png - строка
расширение файла
cls - cicon-image - строка
класс добавляемых иконок
scale - /scale-to-width-down/50 - строка
добавить запрос на изменение размера изображения (экономит трафик); последняя часть (50) - размер в пикселях; используйте scale="", чтобы размер не изменялся
iprepend - "" - строка
добавить текст в начало имени картинки; результат: строка+имя+расширение
iappend - "" - строка
добавить текст в конец имени картинки; результат: имя+строка+расширение
tprepend - "" - строка
добавить текст (span с классом "cicon-prepend") перед иконкой; результат: строка<img ...>
tappend - "" - строка
добавить текст (span с классом "cicon-append") после иконки; результат: <img ...>строка

Пример

//создать объект опций
window.fng = $.extend(window.fng, {cicon:{}});
//задать расширение .svg
window.fng.cicon.ext = '.svg';
//добавить 'Map ' к именам картинок ('Map Earth' и тп)
window.fng.cicon.iprepend = 'Map ';
//запросить изменение размера до 50px
window.fng.cicon.scale = '/scale-to-width-down/50';

С этими настройками скрипт будет искать изображения с именами "Map ссылка.svg", где "ссылка" - это текст ссылки, а затем добавлять их к ссылкам.

Примечания

  • Двойные перенаправления не обрабатываются.
  • Скрипт не задаёт стили. Используйте указанные выше классы для изменения параметров изображений и текста.
  • Опции должны быть где-то в common/wikia.js. Сам скрипт лучше импортировать через ImportJS.
Community content is available under CC-BY-SA unless otherwise noted.

Fandom may earn an affiliate commission on sales made from links on this page.

Stream the best stories.

Fandom may earn an affiliate commission on sales made from links on this page.

Get Disney+