Разные куски кода, которые часто используются в работе
Вставка включаемой области:
1 2 3 4 5 6 7 8 9 |
<?$APPLICATION->IncludeComponent( "bitrix:main.include", ".default", Array( "AREA_FILE_SHOW" => "file", "PATH" => "includes/how_work.php", "EDIT_TEMPLATE" => "standard.php" ) );?> |
Проверка. Если есть картинка анонса, то выводим ее
1 2 3 |
<?if(is_array($arItem["PREVIEW_PICTURE"])):?> <img src=""/> <?endif;?> |
Обрезка изображения через API
1 2 |
<?$img = CFile::ResizeImageGet($arItem["PREVIEW_PICTURE"], array('width'=>240, 'height'=>200), BX_RESIZE_IMAGE_PROPORTIONAL, true);?> <img src="<?=$img["src"]?>" alt="" /> |
BX_RESIZE_IMAGE_EXACT — масштабирует в прямоугольник $arSize без сохранения пропорций;
BX_RESIZE_IMAGE_PROPORTIONAL — масштабирует с сохранением пропорций, размер ограничивается $arSize;
BX_RESIZE_IMAGE_PROPORTIONAL_ALT — масштабирует с сохранением пропорций, размер ограничивается $arSize, улучшенная обработка вертикальных картинок.
Clearfix — очищение потока с сохранением структурной верстки
1 2 3 4 5 6 7 |
.parent:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } |