Eduardo eamador
szeidler
/ d8-responsive-image-programmatically.php
Created
March 15, 2016 08:42
Load and render responsive image from field in Drupal 8
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| function _load_header_image($variables) { | |
| if ($node = $variables['node']) { | |
| // Load main_image | |
| $file = $node->field_main_image->entity; | |
| if ($file) { | |
| $variables = array( | |
| 'responsive_image_style_id' => 'header_image', | |
| 'uri' => $file->getFileUri(), |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html> | |
| <head> | |
| <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.css" /> | |
| <link rel="stylesheet" href="http://asset.geosprocket.com/leaflet/cluster/MarkerCluster.Default.css" /> | |
| <!--[if lte IE 8]> | |
| <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.ie.css" /> | |
| <link rel="stylesheet" href="http://asset.geosprocket.com/leaflet/cluster/MarkerCluster.Default.ie.css" /> | |
| <![endif]--> | |
| <style type="text/css"> |