Картинки GetCourse на тренингах

Если у вас стоял старый код для картинок, вырежьте его и вставьте на его место:

$('.stream-table tr').each(function(){
let image = $(this).attr('data-training-image');
let $tr = $(this);
if (image!==undefined && image !== '') {
$tr.find('a').prepend(`<img src="${image}" />`);
}
})

Этот код установит картинки на тренинги. Если вы вставляете код не внутрь другого готового кода, оберните код в обработчик ожидания загрузки страницы, чтобы получилось

$(()=>{
$('.stream-table tr').each(function(){
let image = $(this).attr('data-training-image');
let $tr = $(this);
if (image!==undefined && image !== '') {
$tr.find('a').prepend(`<img src="${image}" />`);
}
})
})

Также вы можете использовать мою вариацию, которая будет также убирать ограничение на размер картинки

$(()=>{
function removeThumbnail(string) {
  const aPart = string.match(/\/a\/\d+\/sc\/\d+/);
  const hPart = string.substring(string.indexOf('thumbnail') + 10, string.indexOf('/s/'));
  return `/fileservice/file/download${aPart}/${hPart}`;
}
 $('.stream-table tr').each(function(){
        let image = $(this).attr('data-training-image');
        let $tr = $(this)
        if (image!==undefined&&image.includes('thumbnail')) {
            $tr.find('a').prepend(`<img src="${removeThumbnail(image)}" />`)
        }
    })
})

В этом случае от вас потребуется оптимизировать все картинки перед загрузкой, поскольку не оптимизированная картинка может ухудшить скорость загрузки, однако вы сможете получить картинки оригинального качества.

Спасибо за помощь в составлении кода @Alexandr_Nagiyan

Оптимизировать картинки следует, например, в сервисе https://squoosh.app/