<p>Try the following, it should do what you are after.</p>

<pre><code>{#
  Generate array of entries comprised of first
  entry from each section
#}
{% set entries = [
  craft.entries.section('news').first(),
  craft.entries.section('other_section').first(),
  craft.entries.section('yet_another_section').first()
] %}

{# Loop through entry array #}
{% for entry in entries %}
  {% if entry.bannerSlider|length %}
    {% set image = entry.bannerSlider.first() %}
    {% set transformedImage = craft.imager.transformImage(image, { width: 1420, height: 550, position: image.focalPoint,  effects: { grayscale: true, gamma: 1.5}, }) %}
    &lt;li data-transition="" data-masterspeed="500"&gt;
    &lt;img src="{{ transformedImage.url }}"/&gt;
  {% endif %}
{% endfor %}
</code></pre>

CC BY-SA 3.0
2017-01-09T07:07:54.180Z
2017-01-09T07:07:54.180Z
Fyrebase
<p>I would like to display images from various sections, in this case the home page. I am still coming to terms with Twig/Craft's criteria models and the transform makes it confusing.</p>

<pre><code>{% for image in craft.entries.section('news').limit(1) %}
    {% set transformedImage = craft.imager.transformImage(image, { width: 1420, height: 550, position: image.focalPoint }) %}

    &lt;img src="{{ image.bannerImage.first().getUrl }}" alt="" /&gt;
{% endfor %}` 
</code></pre>

<p>Where do you then define the image? (<code>bannerImage</code> is a asset field)</p>

CC BY-SA 3.0
2017-01-09T07:08:39.593Z
Can you please rewrite this question so it has context for other people who may be viewing.
Fyrebase
<image-transforms>
Pulling images from other sections with image transform
# Pulling images from other sections with image transform

(Asked by: username_0 on 2017-01-09)

I would like to display images from various sections, in this case the home page. I am still coming to terms with Twig/Craft's criteria models and the transform makes it confusing.
{% for image in craft.entries.section('news').limit(1) %}
    {% set transformedImage = craft.imager.transformImage(image, { width: 1420, height: 550, position: image.focalPoint }) %}

    
{% endfor %}` 

Where do you then define the image? (bannerImage is a asset field)

**Tags:** image-transforms
> **Comments:**
> **username_1**: Can you please rewrite this question so it has context for other people who may be viewing.  

---

## 1 answers

### Answer by username_1 on 2017-01-09. Score: 2 | Accepted answer

Try the following, it should do what you are after.
{#
  Generate array of entries comprised of first
  entry from each section
#}
{% set entries = [
  craft.entries.section('news').first(),
  craft.entries.section('other_section').first(),
  craft.entries.section('yet_another_section').first()
] %}

{# Loop through entry array #}
{% for entry in entries %}
  {% if entry.bannerSlider|length %}
    {% set image = entry.bannerSlider.first() %}
    {% set transformedImage = craft.imager.transformImage(image, { width: 1420, height: 550, position: image.focalPoint,  effects: { grayscale: true, gamma: 1.5}, }) %}
    
    
  {% endif %}
{% endfor %}


---

