Всем привет! Решил по фен-шую сделать изображения, вот так смог реализовать вывод в 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>
Сообщение отредактировал CB9TOIIIA: 05 December 2016 - 16:33