MIDAV.RU

MIDAV.RU

Учусь делать сайты в свободное время .

Создание эскизов изображений в Joomla! 3

Просмотров: 2057Комментарии: 1
Joomla
Создание эскизов изображений в Joomla! 3

В прошлой статье про переопределение макетов , я написал как добавить вывод изображения вступительного текста в модуль последних новостей . В модуле как правило нет необходимости выводить изображение большого размера . Как раз наоборот , требуется небольшой эскиз . Можно конечно использовать оригинальное изображение большого размера и через css уменьшить до нужного размера в модуле . Но это не совсем хорошо , зачем грузить лишние килобайты . Поэтому лучше создать мини эскиз и использовать в модуле уже его . Тем более сделать это стандартными средствами Joomla! 3 , совсем не трудно .

Для создания уменьшенных эскизов я воспользуюсь родной библиотекой для работы с изображениями в Joomla! 3 . Чтобы не портить сам макет вывода изображения , поскольку он может использоваться и в других местах , все действия будем производить в файле модуля code>/templates/шаблон/html/mod_articles_latest/default.php .

Иконки будем создавать с помощью родного класса Joomla! JImage и его метода для уменьшения изображений createThumbs() . Эскизы будут созданы рядом с оригиналом в подпапке thumbs . К имени будет добавлен размер эскиза . Например если файл называется image.jpg и размер эскиза 80 на 80 пикселей , то имя будет code>image_80x80.jpg

Листинг файла модуля :


    introtext), 0, 100, 'UTF-8' ); $images = json_decode($item->images); if(isset($images->image_intro) && !empty($images->image_intro)){ // подготавливаем иконки изображений // размер эскиза $width = '80'; $height = '80'; $img_size = $width.'x'.$height; // сформируем имя эскиза , для проверки создан уже или нет $image_path = pathinfo($images->image_intro); $thumb_path = $image_path['dirname'] .DIRECTORY_SEPARATOR .'thumbs' .DIRECTORY_SEPARATOR .$image_path['filename'] .'_' .$img_size .'.' .$image_path['extension']; // если эскиза нет , создадим его if(!file_exists($thumb_path)){ jimport('joomla.image.image'); // подключаем библиотеку $img = new JImage($images->image_intro); $thumb = $img->createThumbs($img_size, 5 ); $thumb_path = $thumb['0']->getPath(); } // запишем адрес эскиза в item $images->image_intro = $thumb_path; $item->images = json_encode($images); } ?>

В следующей статье я подробнее расскажу как работать с классом JImage в Joomla! 3

Комментариев: 1 RSS

test page
Оставьте комментарий!

grin LOL cheese smile wink smirk rolleyes confused surprised big surprise tongue laugh tongue rolleye tongue wink raspberry blank stare long face ohh grrr gulp oh oh downer red face sick shut eye hmmm mad angry zipper kiss shock cool smile cool smirk cool grin cool hmm cool mad cool cheese vampire snake excaim question


Используйте нормальные имена. Ваш комментарий будет опубликован после проверки.

     

  

Если вы уже зарегистрированы как комментатор или хотите зарегистрироваться, укажите пароль и свой действующий email. При регистрации на указанный адрес придет письмо со ссылкой на ваш персональный аккаунт, где вы сможете изменить свои данные, включая адрес сайта, ник, описание, контакты и т.д., а также подписку на новые комментарии.

(обязательно)