Forums

Load double resolution images with content block for ratina display

Permalink
With new updates on concrete 5.7.5.4,
Images are using <picture> tag instead of <img> tag and use responsive image feature in content block.

Is there anyway to load double resolution images for ratina display using content block ?
srjahir32
 
srjahir32 replied on at Permalink Reply
srjahir32
Is there anyone who have gone through this ? Should I make changes to LinkAbstractor.php
?
MrKDilkington replied on at Permalink Reply
MrKDilkington
Hi srjahir32,

The picture element uses thumbnails defined in your theme page_theme.php getThemeResponsiveImageMap() method:
http://documentation.concrete5.org/api/source-class-Concrete.Core.H...
http://documentation.concrete5.org/api/source-class-Concrete.Core.H...

The picture element tag is assembled in the Picture class using HtmlObject:
http://documentation.concrete5.org/api/source-class-Concrete.Core.H...

HtmlObject is an external library:
https://github.com/Anahkiasen/html-object...
srjahir32 replied on at Permalink Reply
srjahir32
Thanks @MrKDilkington
Thanks for providing all classes. But I'm not sure which files should be added to load ratina thumbnails in redactor editor for ratina devices.

Should It be like this ?
https://www.concrete5.org/community/forums/5-7-discussion/detect-rat...
MrKDilkington replied on at Permalink Reply
MrKDilkington
@srjahir32

I have not reviewed that code. I don't have a use case for using retina images, so I recommend you try and see if it works.