Fandom Developers Wiki
Advertisement

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

Установка[]

Настройка[]

Параметры иконок можно регулировать изменением с помощью 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.
Advertisement