To see if and how something like this can be added to core.

Test theme at http://drupal.org/sandbox/mjohnq3/1681742, related discussion #1192044-44: Convert Bartik's layout to mobile-first and responsive

Core patch needed: #945524: Field formatter settings hooks in core

Code: 8.x-1.x, or http://drupalcode.org/project/resp_img.git/tree/refs/heads/8.x-1.x

Picturefill.js: https://github.com/Wilto/picturefill-proposal

Core discussion: #1170478: Responsive Images


Demo

Comments

attiks’s picture

attiks commented
Title: Drupal 8 version » Drupal 8 version of responsive images (resp_img)

For the moment the code is using a picturefill but with span tags

attiks’s picture

attiks commented
  • Latest code is now using picture tag, with added support for width, height, title attributes
  • Output is done using theme_image_style
  • Supports image fields and inline images inside textarea
attiks’s picture

attiks commented
Version: 7.x-1.x-dev » 8.x-1.x-dev
Assigned: Unassigned » attiks
attiks’s picture

attiks commented
Issue summary: View changes

Updated issue summary.

attiks’s picture

attiks commented
Issue summary: View changes

Updated issue summary.

attiks’s picture

attiks commented
Issue summary: View changes

Updated issue summary.

attiks’s picture

attiks commented

Also working for IE

attiks’s picture

attiks commented
Issue summary: View changes

Updated issue summary.

attiks’s picture

attiks commented
Issue summary: View changes

Updated issue summary.

attiks’s picture

attiks commented
Issue summary: View changes

Updated issue summary.

attiks’s picture

attiks commented

Load from theme option added
New UI to manage suffixes and breakpoints

attiks’s picture

attiks commented
Issue summary: View changes

Updated issue summary.

jelle_s’s picture

jelle_s
Primary language Dutch
Location Antwerp, Belgium
commented

Should this be closed now that Picture is in core?

attiks’s picture

attiks commented
Assigned: attiks » Unassigned
Status: Active » Closed (duplicate)

Yes, picture is the way to go.

attiks’s picture

attiks commented
Issue summary: View changes

Updated issue summary.