Ресайз изображений в news.list

Часто вижу, что изображения анонса элемента уменьшают с помощью стилей, а фактический размер картинки остаётся большой. В итоге суммарная нагрузка на производительность страницы возрастает, что сказывается на скорости её загрузки. Рассмотрим более предпочтительный вариант ресайза изображений в news.list

Добавляем файл result_modifier и пример кода

 foreach($arResult["ITEMS"] as $cell=>$arElement)
 {
 //изменение размера картинки
 $picture = CFile::ResizeImageGet($arElement["DETAIL_PICTURE"], array('width'=>120, 'height'=>120), BX_RESIZE_IMAGE_EXACT, true, array());   
 $arResult["ITEMS"][$cell]["DETAIL_PICTURE"] = $picture;
 }

Особенности вывода в шаблоне компонента. Ключи массива в нижнем регистре.

 <img
src="<?=$arItem["PREVIEW_PICTURE"]["src"]?>"
 width="<?=$arItem["PREVIEW_PICTURE"]["width"]?>"
 height="<?=$arItem["PREVIEW_PICTURE"]["height"]?>"
 alt="<?=$arItem["PREVIEW_PICTURE"]["alt"]?>"
 title="<?=$arItem["PREVIEW_PICTURE"]["title"]?>"
/>

Ещё статьи:

12.10.2020 Три золотых правила перед обновлением битрикс
Довольно часто банальное обновление приводит к ошибкам и потере работоспособности сайта битрикс. Чтобы потом не тратить своё время и нервы следует соблюдать три простых правила: 1. проверка системы, исправление ошибок, Оптимизация и проверка таблиц бд ID: 308

09.10.2020 Операторы сравнения для getList
Полный список операторов сравнения, которые можно использовать в выборке getList в так называемом фильтре ID: 306

22.09.2020 Отладка ошибок битрикс модулей
Часто не понятно с чем связана ошибка модуля и каких ему в реальности не хватает входных параметров, так как в документации об этом может быть не сказано.
Для этого есть два способа. ID: 256

© 2015-2020 Web админ
Связаться по WhatsApp