Для использования phpthumb с задним фоном (background image) в MODX, вам потребуется выполнить следующие шаги:
1. Установите MODX: Скачайте последнюю версию MODX с официального сайта и выполните установку на ваш сервер.
2. Установите phpthumb: Перейдите на официальный сайт phpthumb (http://phpthumb.sourceforge.net/) и скачайте последнюю версию библиотеки. Распакуйте скачанный архив и поместите его содержимое в какую-либо доступную из web-директории вашего сайта.
3. Подключите phpthumb к MODX: Откройте менеджер MODX и перейдите в раздел "Файлы" (Files). Создайте новую папку "assets/phpthumb" и перенесите в нее все файлы phpthumb, которые вы распаковали на предыдущем шаге.
4. Создайте чанк (chunk) для работы с phpthumb: В разделе "Логика" (Elements) менеджера MODX создайте новый чанк, например, с названием "phpthumb". Вставьте в него следующий код:
[[!phpthumb? &input=`[[+your_image_field]]` &options=`w=300&h=200&zc=1&f=[[$your_stylesheet]]` ]]
В этом коде, [[+your_image_field]] - это поле вашего ресурса, в котором содержится ссылка на изображение, которое вы хотите использовать как фон.
5. Создайте сниппет (snippet) для вызова чанка: В разделе "Логика" (Elements) менеджера MODX создайте новый сниппет, например, с названием "phpthumbSnippet". Вставьте в него следующий код:
<?php
$output = $modx->runSnippet('phpthumb');
echo $output;
?>
6. Используйте phpthumb в шаблоне: Откройте шаблон, в котором вы хотите использовать phpthumb с задним фоном, и вставьте следующий код:
[[phpthumbSnippet]]
Теперь, когда вы будете отображать страницу с этим шаблоном, phpthumb будет обрабатывать указанное изображение и применять нужные опции. Результат будет выведен на экран.
В данном случае, опции phpthumb представлены следующим образом:
- w=300 - ширина обрезанного изображения будет равна 300 пикселей,
- h=200 - высота обрезанного изображения будет равна 200 пикселей,
- zc=1 - изображение будет обрезано по пропорциям,
- f=[[$your_stylesheet]] - в этом месте вы должны указать путь к вашему файлу стилей (stylesheet), который определит стили для отображения изображения как фона (например, assets/css/your_stylesheet.css).