<?php
namespace Application\Src\Retina;
 
class RetinaImage
{
 
    protected $usePictureTag = false;
    protected $tag;
 
    protected $theme;
 
    protected function loadPictureSettingsFromTheme()
    {
        $c = \Page::getCurrentPage();
        if (is_object($c)) {
            $th = $c->getCollectionThemeObject();
            if (is_object($th)) {
                $this->theme = $th;
                $this->usePictureTag = count($th->getThemeResponsiveImageMap()) > 0;
            }
        }
    }
 
    /**
     * @param \File $f
     * @param null $usePictureTag
     */
    public function __construct(\File $f = null, $usePictureTag = null)
    {
        if (!is_object($f)) {
            return false;
        }
 
        if (isset($usePictureTag)) {
            $this->usePictureTag = $usePictureTag;
        } else {
            $this->loadPictureSettingsFromTheme();
        }
 
        if ($this->usePictureTag) {
 
            if (!isset($this->theme)) {
                $c = \Page::getCurrentPage();
                $this->theme = $c->getCollectionThemeObject();
            }
            $sources = array();
            $fallbackSrc = $f->getRelativePath();
            foreach($this->theme->getThemeResponsiveImageMap() as $thumbnail => $width) {
                $type = \Concrete\Core\File\Image\Thumbnail\Type\Type::getByHandle($thumbnail);
                if($type != NULL) {
                    $src = $f->getThumbnailURL($type->getBaseVersion());
                    $src2x = $f->getThumbnailURL($type->getDoubledVersion());
                    $sources[] = array('src' => $src, 'width' => $width, 'src2x' => $src2x);
                    if ($width == 0) {
                        $fallbackSrc = $src;
                    }
                }
            }
            $this->tag = \Application\Src\Retina\RetinaPicture::create($sources, $fallbackSrc);
        } else {
            // Return a simple image tag.
            $this->tag = \HtmlObject\Image::create($f->getRelativePath());
            $this->tag->width($f->getAttribute('width'));
            $this->tag->height($f->getAttribute('height'));
        }
    }
 
    /**
     * @return \HTMLObject\Element\Tag
     */
    public function getTag()
    {
        return $this->tag;
    }
 
}

<?php
namespace Application\Src\Retina;
 
use HtmlObject\Element;
use HtmlObject\Image;
 
 
class RetinaPicture extends Element
{
    /**
     * Default element
     *
     * @var string
     */
    protected $element = 'picture';
 
    /**
     * Whether the element is self closing
     *
     * @var boolean
     */
    protected $isSelfClosing = false;
 
    /**
     * Default element for nested children
     *
     * @var string
     */
    protected $defaultChild = 'source';
 
    ////////////////////////////////////////////////////////////////////
    //////////////////////////// CORE METHODS //////////////////////////
    ////////////////////////////////////////////////////////////////////
 
    public function __construct(array $sources = array(), $fallbackSrc, $attributes = array())
    {
        $this->sources($sources);
        $this->fallback($fallbackSrc);
    }
 
    /**
     * Static alias for constructor
     *
     * @param string $element
     * @param string|null|Tag $value
     * @param array $attributes
     * @return                Table
     */
    public static function create($sources = array(), $fallbackSrc = false, $attributes = array())
    {
        return new static($sources, $fallbackSrc, $attributes);
    }
 
    ////////////////////////////////////////////////////////////////////
    /////////////////////////////// CHILDREN ///////////////////////////
    ////////////////////////////////////////////////////////////////////
 
    public function sources($sources)
    {
        foreach($sources as $source) {
            $path = $source['src'];
            if ($source['src2x'] != $source['src']) {
                $path .= ' 1x, ' . $source['src2x'] . ' 2x';
            }
            $width = $source['width'];
            $source = \Concrete\Core\Html\Object\Source::create();
            $source->srcset($path);
            if ($width != 0) {
                $source->media("(min-width: $width)");
            }
            $this->setChild($source);
        }
 
        return $this;
    }
 
    public function fallback($src)
    {
        $img = Image::create();
        $img->src($src);
        $this->setChild($img);
    }
 
    public function alt($alt)
    {
        foreach($this->getChildren() as $child) {
            if ($child instanceof Image || $child instanceof Source) {
                $child->alt($alt);
            }
        }
    }
 
    public function title($title)
    {
        foreach($this->getChildren() as $child) {
            if ($child instanceof Image || $child instanceof Source) {
                $child->title($title);
            }
        }
    }
 
    public function addClass($classes)
    {
        $sources = $this->getChildren();
        foreach($sources as $source) {
            $source->addClass($classes);
        }
    }
 
}

<?php defined('C5_EXECUTE') or die("Access Denied.");
use \Application\Src\Retina;
 
$c = Page::getCurrentPage();
if (is_object($f)) {
    if ($maxWidth > 0 || $maxHeight > 0) {
        $im = Core::make('helper/image');
        $thumb = $im->getThumbnail(
            $f,
            $maxWidth,
            $maxHeight
        ); //<-- set these 2 numbers to max width and height of thumbnails
        $thumb2x = $im->getThumbnail(
           $f,
           $maxWidth * 2,
           $maxHeight * 2
        );
        $tag = new \HtmlObject\Image();
        $tag->src($thumb->src)->width($thumb->width)->height($thumb->height);
        if ($thumb2x->height > $thumb->height) {
            $tag->srcset($thumb->src . ' 1x, ' . $thumb2x->src . ' 2x');
        }
    } else {
        $image = new \Application\Src\Retina\RetinaImage($f);
//        $image = Core::make('html/image', array($f));
        $tag = $image->getTag();
    }
    $tag->addClass('ccm-image-block img-responsive bID-'.$bID);
    if ($altText) {
        $tag->alt(h($altText));
    }
    if ($title) {
        $tag->title(h($title));
    }
    if ($linkURL):
        print '<a href="' . $linkURL . '">';
    endif;
 
    print $tag;
 
    if ($linkURL):
        print '</a>';
    endif;
} else if ($c->isEditMode()) { ?>
 
    <div class="ccm-edit-mode-disabled-item"><?php echo t('Empty Image Block.')?></div>
 
<?php } ?>
 
<?php if(is_object($foS)) { ?>
<script>
$(function() {
    $('.bID-<?php print $bID;?>')
        .mouseover(function(e){$(this).attr("src", '<?php print $imgPath["hover"];?>');})
        .mouseout(function(e){$(this).attr("src", '<?php print $imgPath["default"];?>');});
});
</script>
<?php } ?>