Всем привет! Решил по фен-шую сделать изображения, вот так смог реализовать вывод в full-php изображений адаптивных:
Почитать: https://www.smashing...picture-srcset/
API получаем из JBImage или иной - например тут пример из элемента fiction13
$document = JFactory::getDocument();
$zoo = App::getInstance('zoo');
$align = $this->app->jbitem->getMediaAlign($item, $layout);
$tabsId = $this->app->jbstring->getId('tabs');
$itemUrl = $this->app->route->item($item);
$element = $item->getElement('050e0085-3fec-4d20-8ea9-4d2a602d2c7c');
$data = (array)$element->data();
$pathtoimgjbimage = $data[0]['file'];
$Lwidth = '980';
$Mwidth = '680';
$Swidth = '480';
$Xwidth = '320';
$LargeImg = $zoo->jbimage->resize($pathtoimgjbimage, $Lwidth)->url;
$MediumImg = $zoo->jbimage->resize($pathtoimgjbimage, $Mwidth)->url;
$SmallImg = $zoo->jbimage->resize($pathtoimgjbimage, $Swidth)->url;
$XsmallImg = $zoo->jbimage->resize($pathtoimgjbimage, $Xwidth)->url;
Далее выводим:
<picture> <source srcset="<?php echo $LargeImg;?>" media="(min-width: 1400px)" /> <source srcset="<?php echo $MediumImg;?>" media="(min-width: 1200px)" /> <source srcset="<?php echo $SmallImg;?>" media="(min-width: 960px)" /> <img src="<?php echo $XsmallImg;?>" /> </picture>
Edited by CB9TOIIIA, 05 December 2016 - 16:33.
Answered
